ant-design-x-vue 1.2.7 → 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/attachments/FileList/FileList2.mjs

@@ -1246,16 +1246,18 @@ const Me = 1, on = /* @__PURE__ */ ze({
   name: "AXAttachmentsFileList",
   __name: "FileList",
   props: {
-    prefixCls: {},
-    items: {},
-    onRemove: {},
-    overflow: {},
-    upload: {},
-    imageProps: {},
-    listClassName: {},
-    listStyle: {},
-    itemClassName: {},
-    itemStyle: {}
+    prefixCls: null,
+    items: null,
+    onRemove: {
+      type: Function
+    },
+    overflow: null,
+    upload: null,
+    imageProps: null,
+    listClassName: null,
+    listStyle: null,
+    itemClassName: null,
+    itemStyle: null
   },
   setup(e) {
     const r = dt(() => `${e.prefixCls}-list`), t = mt("file-list-container"), [n, a] = I(!1), i = ht();

package/es/index.mjs

@@ -1,49 +1,83 @@
-import { c as o } from "./components.ts2.mjs";
-import { default as l } from "./x-stream/x-stream.mjs";
-import { default as d } from "./x-request/x-fetch.mjs";
-import { default as p } from "./x-request/x-request.mjs";
-import { XAgent as c, default as h } from "./use-x-agent/use-x-agent.mjs";
-import { default as b } from "./use-x-chat/use-x-chat.mjs";
-import { theme as C } from "ant-design-vue";
-import { _ as v } from "./x-provider/index2.mjs";
-import { defaultPrefixCls as S, default as B } from "./x-provider/hooks/use-x-provider-context.mjs";
-import { default as k } from "./bubble/BubbleList.mjs";
-import { default as y } from "./conversations/Conversations.mjs";
-import { default as F } from "./welcome/Welcome.mjs";
-import { default as O } from "./prompts/Prompts.mjs";
-import { default as T } from "./suggestion/Suggestion.mjs";
-import { default as _ } from "./thought-chain/ThoughtChain.mjs";
-import { default as z } from "./bubble/index.mjs";
-import { default as G } from "./sender/index.mjs";
-import { default as I } from "./attachments/index.mjs";
-const a = function(e) {
-  return Object.keys(o).forEach((r) => {
-    const t = o[r];
+import { c as r } from "./components.ts2.mjs";
+import a from "./_util/cssinjs/index.mjs";
+import { _experimental as x } from "./_util/cssinjs/index.mjs";
+import { default as d } from "./x-stream/x-stream.mjs";
+import { default as c } from "./x-request/x-fetch.mjs";
+import { default as h } from "./x-request/x-request.mjs";
+import { XAgent as y, default as C } from "./use-x-agent/use-x-agent.mjs";
+import { default as X } from "./use-x-chat/use-x-chat.mjs";
+import { theme as T } from "ant-design-vue";
+import { _ as L } from "./x-provider/index2.mjs";
+import { defaultPrefixCls as k, default as A } from "./x-provider/hooks/use-x-provider-context.mjs";
+import { default as B } from "./bubble/BubbleList.mjs";
+import { default as _ } from "./conversations/Conversations.mjs";
+import { default as E } from "./welcome/Welcome.mjs";
+import { default as I } from "./prompts/Prompts.mjs";
+import { default as N } from "./suggestion/Suggestion.mjs";
+import { default as W } from "./thought-chain/ThoughtChain.mjs";
+import { default as z } from "./_util/cssinjs/theme/Theme.mjs";
+import { default as G } from "./_util/cssinjs/theme/createTheme.mjs";
+import { e as J, u as M } from "./_util/cssinjs/hooks/useStyleRegister/index.tsx2.mjs";
+import { u as U } from "./_util/cssinjs/hooks/useCacheToken.tsx2.mjs";
+import { default as Z } from "./_util/cssinjs/Keyframes.mjs";
+import { default as ee } from "./_util/cssinjs/transformers/legacyLogicalProperties.mjs";
+import { default as re } from "./_util/cssinjs/transformers/px2rem.mjs";
+import { default as ae } from "./_util/cssinjs/linters/logicalPropertiesLinter.mjs";
+import { default as se } from "./_util/cssinjs/linters/legacyNotSelectorLinter.mjs";
+import { default as le } from "./_util/cssinjs/linters/parentSelectorLinter.mjs";
+import { default as pe } from "./_util/cssinjs/hooks/useCSSVarRegister.mjs";
+import { default as ne } from "./bubble/index.mjs";
+import { default as ie } from "./sender/index.mjs";
+import { default as Se } from "./attachments/index.mjs";
+import { StyleProvider as ge, createCache as ye, useStyleInject as Ce, useStyleProvider as Pe } from "./_util/cssinjs/StyleContext.mjs";
+import { token2CSSVar as ve, unit as Te } from "./_util/cssinjs/util.mjs";
+const f = function(e) {
+  return Object.keys(r).forEach((o) => {
+    const t = r[o];
     t.install && e.use(t);
-  }), e;
-}, s = {
-  install: a
+  }), e.use(a.StyleProvider), e;
+}, l = {
+  install: f
 };
 export {
-  I as Attachments,
-  z as Bubble,
-  k as BubbleList,
-  y as Conversations,
-  O as Prompts,
-  G as Sender,
-  T as Suggestion,
-  _ as ThoughtChain,
-  F as Welcome,
-  c as XAgent,
-  d as XFetch,
-  v as XProvider,
-  p as XRequest,
-  l as XStream,
-  s as default,
-  S as defaultPrefixCls,
-  a as install,
-  C as theme,
-  h as useXAgent,
-  b as useXChat,
-  B as useXProviderContext
+  Se as Attachments,
+  ne as Bubble,
+  B as BubbleList,
+  _ as Conversations,
+  Z as Keyframes,
+  I as Prompts,
+  ie as Sender,
+  ge as StyleProvider,
+  N as Suggestion,
+  z as Theme,
+  W as ThoughtChain,
+  E as Welcome,
+  y as XAgent,
+  c as XFetch,
+  L as XProvider,
+  h as XRequest,
+  d as XStream,
+  x as _experimental,
+  ye as createCache,
+  G as createTheme,
+  l as default,
+  k as defaultPrefixCls,
+  J as extractStyle,
+  f as install,
+  ee as legacyLogicalPropertiesTransformer,
+  se as legacyNotSelectorLinter,
+  ae as logicalPropertiesLinter,
+  le as parentSelectorLinter,
+  re as px2remTransformer,
+  T as theme,
+  ve as token2CSSVar,
+  Te as unit,
+  pe as useCSSVarRegister,
+  U as useCacheToken,
+  Ce as useStyleInject,
+  Pe as useStyleProvider,
+  M as useStyleRegister,
+  C as useXAgent,
+  X as useXChat,
+  A as useXProviderContext
 };

package/es/sender/Sender.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as ee, mergeDefaults as te, toRef as ne, useSlots as le, computed as l, ref as d, watch as ae, createVNode as a, mergeProps as oe } from "vue";
+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";
@@ -7,9 +7,9 @@ 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 B from "./components/SendButton.mjs";
-import K 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";
@@ -17,7 +17,7 @@ import he from "../x-provider/hooks/use-x-provider-context.mjs";
 const ze = /* @__PURE__ */ ee({
   name: "AXSender",
   __name: "Sender",
-  props: te({
+  props: ne({
     onKeyPress: {
       type: Function
     },
@@ -87,45 +87,45 @@ const ze = /* @__PURE__ */ ee({
   }),
   emits: ["update:value"],
   setup(e, {
-    expose: R,
-    emit: I
+    expose: K,
+    emit: R
   }) {
     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"]);
-    ne(e, "prefixCls");
-    function T(t, n, c) {
-      return Ce(t, n) || c;
+    te(e, "prefixCls");
+    function T(n, t, c) {
+      return Ce(n, t) || c;
     }
     const m = {
-      SendButton: B,
+      SendButton: I,
       ClearButton: me,
-      LoadingButton: D,
-      SpeechButton: K
-    }, z = I, i = le(), {
+      LoadingButton: $,
+      SpeechButton: B
+    }, z = R, i = ae(), {
       direction: A,
       getPrefixCls: E
-    } = he(), o = l(() => E("sender", e.prefixCls)), v = d(null), f = d(null), s = re("sender"), g = l(() => `${o.value}-input`), [k, O, p] = ve(o.value), X = l(() => r(o.value, s.value.className, e.className, e.rootClassName, O.value, p, {
+    } = 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
-    })), L = l(() => `${o.value}-actions-btn`), S = l(() => `${o.value}-actions-list`), u = d(e.value ?? e.defaultValue ?? ""), x = (t) => {
-      u.value = t;
+    })), 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), z("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: M,
-      triggerSpeech: b,
+      speechPermission: j,
+      triggerSpeech: x,
       recording: q
-    } = ye((t) => {
-      y(`${u.value} ${t}`);
-    }, () => e.allowSpeech), H = T(e.components, ["input"], ie.TextArea), j = l(() => ce(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
-    })), G = l(() => ({
-      ...j.value,
+    })), G = a(() => ({
+      ...p.value,
       ref: f
     })), C = () => {
       u.value && e.onSubmit && !e.loading && e.onSubmit(u.value);
@@ -135,98 +135,102 @@ const ze = /* @__PURE__ */ ee({
       h.value = !0;
     }, U = () => {
       h.value = !1;
-    }, W = (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);
-    }, Y = (t) => {
-      var c, w;
-      const n = (c = t.clipboardData) == null ? void 0 : c.files;
-      n != null && n.length && e.onPasteFile && (e.onPasteFile(n[0], n), t.preventDefault()), (w = e.onPaste) == null || w.call(e, t);
-    }, Z = (t) => {
-      var n, c;
-      t.target !== ((n = v.value) == null ? void 0 : n.querySelector(`.${g.value}`)) && t.preventDefault(), (c = f.value) == null || c.focus();
-    }, P = l(() => {
-      let t = a(ue, {
+      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 n = l(ue, {
         class: `${S.value}-presets`
       }, {
-        default: () => [e.allowSpeech && a(K, null, null), e.loading ? a(D, null, null) : a(B, 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;
-    }), _ = l(() => ({
-      prefixCls: L.value,
+      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: J,
       onClearDisabled: !u.value,
       onCancel: e.onCancel,
       onCancelDisabled: !e.loading,
-      onSpeech: () => b(!1),
-      onSpeechDisabled: !M.value,
+      onSpeech: () => x(!1),
+      onSpeechDisabled: !j.value,
       speechRecording: q.value,
       disabled: e.disabled
-    })), N = l(() => {
-      let t = null;
-      const n = {
+    })), N = a(() => {
+      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;
-    }), F = l(() => i.header ? i.header() : typeof e.header == "function" ? e.header() : e.header), $ = l(() => i.prefix ? i.prefix() : typeof e.prefix == "function" ? e.prefix() : e.prefix);
-    return R({
+      }) : 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(a("div", {
+    }), () => k(l("div", {
       ref: v,
-      class: X.value,
+      class: L.value,
       style: {
         ...s.value.style,
         ...e.style
       }
-    }, [F.value && a(fe, {
+    }, [w.value && l(fe, {
       value: {
         prefixCls: o.value
       }
     }, {
-      default: () => [F.value]
-    }), a(de, {
+      default: () => [w.value]
+    }), l(de, {
       value: _.value
     }, {
-      default: () => [a("div", {
+      default: () => [l("div", {
         class: `${o.value}-content`,
         onMousedown: Z
-      }, [$.value && a("div", {
+      }, [D.value && l("div", {
         class: r(`${o.value}-prefix`, s.value.classNames.prefix, e.classNames.prefix),
         style: {
           ...s.value.styles.prefix,
           ...e.styles.prefix
         }
-      }, [$.value]), a(H, oe(G.value, {
+      }, [D.value]), l(H, oe(G.value, {
         disabled: e.disabled,
         style: {
           ...s.value.styles.input,
@@ -235,8 +239,8 @@ const ze = /* @__PURE__ */ ee({
         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: W,
         onCompositionstart: Q,
@@ -246,13 +250,13 @@ const ze = /* @__PURE__ */ ee({
         onPaste: Y,
         bordered: !1,
         readOnly: e.readOnly
-      }), null), P.value && a("div", {
+      }), 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 && a("div", {
+      }, [P.value])]), N.value && l("div", {
         class: r(`${o.value}-footer`, s.value.classNames.footer, e.classNames.footer),
         style: {
           ...s.value.styles.footer,

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()
     });
   }
 });