ant-design-x-vue 1.2.7 → 1.2.8

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

package/es/sender/components/SpeechButton/RecordingIcon.mjs

@@ -1,49 +1,52 @@
-import { defineComponent as T, createVNode as e, createTextVNode as $ } from "vue";
-const t = 1e3, n = 4, r = 140, s = 250, l = 500, c = 0.8, w = /* @__PURE__ */ T({
+import { defineComponent as p, createVNode as e, createTextVNode as I } from "vue";
+const n = 1e3, t = 4, r = 140, s = 250, i = 500, c = 0.8, _ = /* @__PURE__ */ p({
   name: "AXSenderRecordingIcon",
   __name: "RecordingIcon",
   props: {
-    className: null
+    className: null,
+    audioIcon: null,
+    audioDisabledIcon: null,
+    audioRecordingIcon: null
   },
   setup(u) {
-    const i = r / 2;
+    const a = r / 2;
     return () => e("svg", {
       color: "currentColor",
-      viewBox: `0 0 ${t} ${t}`,
+      viewBox: `0 0 ${n} ${n}`,
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       class: u.className
-    }, [e("title", null, [$("Speech Recording")]), Array.from({
-      length: n
-    }).map((d, o) => {
-      const m = (t - r * n) / (n - 1), g = o * (m + r), a = t / 2 - s / 2, p = t / 2 - l / 2;
+    }, [e("title", null, [I("Speech Recording")]), Array.from({
+      length: t
+    }).map((T, o) => {
+      const m = (n - r * t) / (t - 1), d = o * (m + r), l = n / 2 - s / 2, g = n / 2 - i / 2;
       return e("rect", {
         fill: "currentColor",
-        rx: i,
-        ry: i,
+        rx: a,
+        ry: a,
         height: s,
         width: r,
-        x: g,
-        y: a,
+        x: d,
+        y: l,
         key: o
       }, [e("animate", {
         attributeName: "height",
-        values: `${s}; ${l}; ${s}`,
+        values: `${s}; ${i}; ${s}`,
         keyTimes: "0; 0.5; 1",
         dur: `${c}s`,
-        begin: `${c / n * o}s`,
+        begin: `${c / t * o}s`,
         repeatCount: "indefinite"
       }, null), e("animate", {
         attributeName: "y",
-        values: `${a}; ${p}; ${a}`,
+        values: `${l}; ${g}; ${l}`,
         keyTimes: "0; 0.5; 1",
         dur: `${c}s`,
-        begin: `${c / n * o}s`,
+        begin: `${c / t * o}s`,
         repeatCount: "indefinite"
       }, null)]);
     })]);
   }
 });
 export {
-  w as default
+  _ as default
 };

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

@@ -1,14 +1,14 @@
-import { defineComponent as c, mergeDefaults as d, computed as o, createVNode as l, mergeProps as m } from "vue";
-import { a as p } from "../../../attachments/Attachments2.mjs";
-import { theme as f } from "ant-design-vue";
-import y from "../ActionButton/index.mjs";
+import { defineComponent as r, mergeDefaults as s, computed as i, createVNode as l, mergeProps as m } from "vue";
+import { a as f } from "../../../attachments/Attachments2.mjs";
+import { theme as p } from "ant-design-vue";
+import I from "../ActionButton/index.mjs";
 import { useActionButtonContextInject as g } from "../ActionButton/context.mjs";
-import h from "./RecordingIcon.mjs";
-import { j as x, k as b } from "../../../attachments/FileList/FileList2.mjs";
-const j = /* @__PURE__ */ c({
+import y from "./RecordingIcon.mjs";
+import { j as b, k as h } from "../../../attachments/FileList/FileList2.mjs";
+const A = /* @__PURE__ */ r({
   name: "AXSenderSpeechButton",
   __name: "index",
-  props: d({
+  props: s({
     prefixCls: null,
     type: null,
     htmlType: null,
@@ -24,36 +24,42 @@ const j = /* @__PURE__ */ c({
     target: null,
     title: null,
     onClick: null,
-    onMousedown: null
+    onMousedown: null,
+    audioIcon: null,
+    audioDisabledIcon: null,
+    audioRecordingIcon: null
   }, {
     type: "text",
-    disabled: void 0
+    disabled: void 0,
+    audioIcon: () => l(h, null, null),
+    audioDisabledIcon: () => l(b, null, null),
+    audioRecordingIcon: void 0
   }),
-  setup(n) {
-    const u = p(n, ["type", "disabled"]), t = g(), {
-      token: r
-    } = f.useToken(), s = o(() => t.value.speechRecording), i = o(() => t.value.prefixCls), a = o(() => {
-      let e;
-      return s.value ? e = l(h, {
-        className: `${i.value}-recording-icon`
-      }, null) : t.value.onSpeechDisabled ? e = l(x, null, null) : e = l(b, null, null), e;
+  setup(e) {
+    const t = f(e, ["type", "disabled", "audioIcon", "audioDisabledIcon", "audioRecordingIcon"]), o = g(), {
+      token: u
+    } = p.useToken(), d = i(() => o.value.speechRecording), a = i(() => o.value.prefixCls), c = i(() => {
+      let n;
+      return d.value ? n = e.audioRecordingIcon ? e.audioRecordingIcon : l(y, {
+        className: `${a.value}-recording-icon`
+      }, null) : o.value.onSpeechDisabled ? n = e.audioDisabledIcon : n = e.audioIcon, n;
     });
-    return () => l(y, m({
-      type: n.type,
-      disabled: n.disabled
-    }, u, {
+    return () => l(I, m({
+      type: e.type,
+      disabled: e.disabled
+    }, t, {
       style: {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        color: r.value.colorPrimary
+        color: u.value.colorPrimary
       },
       action: "onSpeech"
     }), {
-      default: () => [a.value]
+      default: () => [c.value]
     });
   }
 });
 export {
-  j as default
+  A as default
 };

package/es/suggestion/Suggestion.mjs

@@ -1,16 +1,113 @@
-import { defineComponent as D, mergeDefaults as L, toRef as R, useSlots as X, computed as o, createVNode as h } from "vue";
-import { c as y } from "../attachments/Attachments2.mjs";
+import { onMounted as W, nextTick as I, unref as L, getCurrentScope as G, onScopeDispose as P, getCurrentInstance as V, computed as v, ref as y, watch as $, defineComponent as X, mergeDefaults as E, toRef as H, useSlots as K, createVNode as B } from "vue";
+import { c as k } from "../attachments/Attachments2.mjs";
 import "../x-provider/index.mjs";
-import $ from "../_util/hooks/use-x-component-config.mjs";
-import A from "./style/index.mjs";
-import S from "../_util/hooks/use-state.mjs";
-import { Cascader as B } from "ant-design-vue";
-import I from "./useActive.mjs";
-import P from "../x-provider/hooks/use-x-provider-context.mjs";
-const H = /* @__PURE__ */ D({
+import U from "../_util/hooks/use-x-component-config.mjs";
+import j from "./style/index.mjs";
+import A from "../_util/hooks/use-state.mjs";
+import { Cascader as q } from "ant-design-vue";
+import J from "./useActive.mjs";
+import Q from "../x-provider/hooks/use-x-provider-context.mjs";
+function Y(e) {
+  return G() ? (P(e), !0) : !1;
+}
+function D(e) {
+  return typeof e == "function" ? e() : L(e);
+}
+const Z = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+function _(e) {
+  return V();
+}
+function ee(e, n = !0, i) {
+  _() ? W(e, i) : n ? e() : I(e);
+}
+const M = Z ? window : void 0;
+function g(e) {
+  var n;
+  const i = D(e);
+  return (n = i == null ? void 0 : i.$el) != null ? n : i;
+}
+function te() {
+  const e = y(!1), n = V();
+  return n && W(() => {
+    e.value = !0;
+  }, n), e;
+}
+function ne(e) {
+  const n = te();
+  return v(() => (n.value, !!e()));
+}
+function oe(e, n, i = {}) {
+  const { window: a = M, ...c } = i;
+  let r;
+  const l = ne(() => a && "ResizeObserver" in a), u = () => {
+    r && (r.disconnect(), r = void 0);
+  }, w = v(() => {
+    const t = D(e);
+    return Array.isArray(t) ? t.map((o) => g(o)) : [g(t)];
+  }), h = $(
+    w,
+    (t) => {
+      if (u(), l.value && a) {
+        r = new ResizeObserver(n);
+        for (const o of t)
+          o && r.observe(o, c);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), m = () => {
+    u(), h();
+  };
+  return Y(m), {
+    isSupported: l,
+    stop: m
+  };
+}
+function se(e, n = { width: 0, height: 0 }, i = {}) {
+  const { window: a = M, box: c = "content-box" } = i, r = v(() => {
+    var t, o;
+    return (o = (t = g(e)) == null ? void 0 : t.namespaceURI) == null ? void 0 : o.includes("svg");
+  }), l = y(n.width), u = y(n.height), { stop: w } = oe(
+    e,
+    ([t]) => {
+      const o = c === "border-box" ? t.borderBoxSize : c === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
+      if (a && r.value) {
+        const f = g(e);
+        if (f) {
+          const d = f.getBoundingClientRect();
+          l.value = d.width, u.value = d.height;
+        }
+      } else if (o) {
+        const f = Array.isArray(o) ? o : [o];
+        l.value = f.reduce((d, { inlineSize: C }) => d + C, 0), u.value = f.reduce((d, { blockSize: C }) => d + C, 0);
+      } else
+        l.value = t.contentRect.width, u.value = t.contentRect.height;
+    },
+    i
+  );
+  ee(() => {
+    const t = g(e);
+    t && (l.value = "offsetWidth" in t ? t.offsetWidth : n.width, u.value = "offsetHeight" in t ? t.offsetHeight : n.height);
+  });
+  const h = $(
+    () => g(e),
+    (t) => {
+      l.value = t ? n.width : 0, u.value = t ? n.height : 0;
+    }
+  );
+  function m() {
+    w(), h();
+  }
+  return {
+    width: l,
+    height: u,
+    stop: m
+  };
+}
+const me = /* @__PURE__ */ X({
   name: "AXSuggestion",
   __name: "Suggestion",
-  props: L({
+  props: E({
     prefixCls: null,
     className: null,
     rootClassName: null,
@@ -39,55 +136,63 @@ const H = /* @__PURE__ */ D({
     open: !1
   }),
   setup(e) {
-    R(e, "prefixCls");
-    const s = X(), {
-      direction: N,
-      getPrefixCls: x
-    } = P(), n = o(() => x("suggestion", e.prefixCls));
-    `${n.value}`;
-    const a = o(() => N.value === "rtl"), i = $("suggestion"), [b, c, u] = A(n), [m, w] = S(e.open), [k, F] = S(), l = (t) => {
-      var v;
-      w(t), (v = e.onOpenChange) == null || v.call(e, t);
-    }, r = (t) => {
-      t === !1 ? l(!1) : (F(t), l(!0));
-    }, f = () => {
-      l(!1);
-    }, g = o(() => typeof e.items == "function" ? e.items(k.value) : e.items), C = (t) => {
-      e.onSelect && e.onSelect(t[t.length - 1]), l(!1);
-    }, [O, d] = I(g, m, a, C, f), V = o(() => {
-      var t;
-      return s.default ? s.default({
-        onTrigger: r,
-        onKeyDown: d
-      }) : (t = e.children) == null ? void 0 : t.call(e, {
-        onTrigger: r,
-        onKeyDown: d
+    H(e, "prefixCls");
+    const n = K(), {
+      direction: i,
+      getPrefixCls: a
+    } = Q(), c = v(() => a("suggestion", e.prefixCls));
+    `${c.value}`;
+    const r = v(() => i.value === "rtl"), l = U("suggestion"), u = y(), [w, h, m] = j(c), {
+      width: t
+    } = se(u), o = v(() => {
+      if (e.block && t.value)
+        return {
+          width: `${t.value}px`
+        };
+    }), [f, d] = A(e.open), [C, T] = A(), p = (s) => {
+      var N;
+      d(s), (N = e.onOpenChange) == null || N.call(e, s);
+    }, b = (s) => {
+      s === !1 ? p(!1) : (T(s), p(!0));
+    }, S = () => {
+      p(!1);
+    }, x = v(() => typeof e.items == "function" ? e.items(C.value) : e.items), R = (s) => {
+      e.onSelect && e.onSelect(s[s.length - 1]), p(!1);
+    }, [z, O] = J(x, f, r, R, S), F = v(() => {
+      var s;
+      return n.default ? n.default({
+        onTrigger: b,
+        onKeyDown: O
+      }) : (s = e.children) == null ? void 0 : s.call(e, {
+        onTrigger: b,
+        onKeyDown: O
       });
     });
-    return () => b(h(B, {
-      options: g.value,
-      open: m.value,
-      value: O.value,
-      placement: a.value ? "topRight" : "topLeft",
-      onDropdownVisibleChange: (t) => {
-        t || f();
+    return () => w(B(q, {
+      options: x.value,
+      open: f.value,
+      value: z.value,
+      placement: r.value ? "topRight" : "topLeft",
+      onDropdownVisibleChange: (s) => {
+        s || S();
       },
-      class: y(e.rootClassName, n.value, c, u, {
-        [`${n.value}-block`]: e.block
+      class: k(e.rootClassName, c.value, h, m, {
+        [`${c.value}-block`]: e.block
       }),
-      onChange: C,
-      dropdownMatchSelectWidth: e.block
+      onChange: R,
+      dropdownStyle: o.value
     }, {
-      default: () => h("div", {
-        class: y(n.value, i.value.className, e.rootClassName, e.className, `${n.value}-wrapper`, c.value, u),
+      default: () => B("div", {
+        ref: u,
+        class: k(c.value, l.value.className, e.rootClassName, e.className, `${c.value}-wrapper`, h.value, m),
         style: {
-          ...i.value.style,
+          ...l.value.style,
           ...e.style
         }
-      }, [V.value])
+      }, [F.value])
     }));
   }
 });
 export {
-  H as default
+  me as default
 };