ant-design-x-vue 1.2.6 → 1.2.8

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/sender/index.mjs

@@ -1,9 +1,12 @@
-import e from "./Sender.mjs";
-import r from "./SenderHeader.mjs";
-const o = Object.assign(e, {
-  Header: r
+import t from "./Sender.mjs";
+import o from "./SenderHeader.mjs";
+const e = Object.assign(t, {
+  Header: o
 });
+e.install = function(n) {
+  return n.component(e.name, e), n.component(o.name, o), n;
+};
 export {
-  o as Sender,
-  o as default
+  e as Sender,
+  e 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 $ from "../x-provider/hooks/use-x-provider-context.mjs";
-import "../x-provider/context.mjs";
-import { Cascader as A } from "ant-design-vue";
-import B from "../_util/hooks/use-x-component-config.mjs";
-import I from "./style/index.mjs";
-import S from "../_util/hooks/use-state.mjs";
-import P from "./useActive.mjs";
-const H = /* @__PURE__ */ D({
+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 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
-    } = $(), n = o(() => x("suggestion", e.prefixCls));
-    `${n.value}`;
-    const a = o(() => N.value === "rtl"), i = B("suggestion"), [b, c, u] = I(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] = P(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(A, {
-      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
 };

package/es/suggestion/index.mjs

@@ -1,5 +1,8 @@
-import o from "./Suggestion.mjs";
+import n from "./Suggestion.mjs";
+n.install = function(t) {
+  return t.component(n.name, n), t;
+};
 export {
-  o as Suggestion,
-  o as default
+  n as Suggestion,
+  n as default
 };

package/es/theme/genStyleUtils.mjs

@@ -1,10 +1,9 @@
 import i from "../_util/cssinjs-utils/util/genStyleUtils.mjs";
-import n from "../x-provider/hooks/use-x-provider-context.mjs";
-import { unref as m } from "vue";
-import "../x-provider/context.mjs";
-import "ant-design-vue";
+import "../x-provider/index.mjs";
 import { useInternalToken as l } from "./useToken.mjs";
-const { genStyleHooks: c, genComponentStyleHook: P, genSubStyleComponent: d } = i({
+import { unref as m } from "vue";
+import n from "../x-provider/hooks/use-x-provider-context.mjs";
+const { genStyleHooks: C, genComponentStyleHook: c, genSubStyleComponent: P } = i({
   usePrefix: () => {
     const { getPrefixCls: e, iconPrefixCls: o } = n();
     return {
@@ -26,7 +25,7 @@ const { genStyleHooks: c, genComponentStyleHook: P, genSubStyleComponent: d } =
   }
 });
 export {
-  P as genComponentStyleHook,
-  c as genStyleHooks,
-  d as genSubStyleComponent
+  c as genComponentStyleHook,
+  C as genStyleHooks,
+  P as genSubStyleComponent
 };

package/es/thought-chain/ThoughtChain.mjs

@@ -1,15 +1,14 @@
 import { defineComponent as F, mergeDefaults as H, toRef as C, computed as o, createVNode as i, mergeProps as k } from "vue";
-import { a as p, c as l } from "../attachments/Attachments2.mjs";
-import $ from "../_util/pick-attrs.mjs";
-import z from "../x-provider/hooks/use-x-provider-context.mjs";
-import "../x-provider/context.mjs";
-import "ant-design-vue";
-import S from "../_util/hooks/use-x-component-config.mjs";
-import T from "./hooks/useCollapsible.mjs";
-import V from "./style/index.mjs";
-import { ThoughtChainNodeContextProvider as X } from "./context.mjs";
-import j from "./item.mjs";
-const L = /* @__PURE__ */ F({
+import { a as $, c as l } from "../attachments/Attachments2.mjs";
+import p from "../_util/pick-attrs.mjs";
+import "../x-provider/index.mjs";
+import z from "../_util/hooks/use-x-component-config.mjs";
+import S from "./hooks/useCollapsible.mjs";
+import T from "./style/index.mjs";
+import { ThoughtChainNodeContextProvider as V } from "./context.mjs";
+import X from "./item.mjs";
+import j from "../x-provider/hooks/use-x-provider-context.mjs";
+const J = /* @__PURE__ */ F({
   name: "AXThoughtChain",
   __name: "ThoughtChain",
   props: H({
@@ -28,21 +27,21 @@ const L = /* @__PURE__ */ F({
     size: "middle"
   }),
   setup(e) {
-    const f = p(e, ["prefixCls", "rootClassName", "class", "items", "collapsible", "styles", "style", "classNames", "size"]);
+    const f = $(e, ["prefixCls", "rootClassName", "class", "items", "collapsible", "styles", "style", "classNames", "size"]);
     C(e, "class"), C(e, "prefixCls");
-    const y = o(() => $(f, {
+    const y = o(() => p(f, {
       attr: !0,
       aria: !0,
       data: !0
     })), {
       getPrefixCls: n,
       direction: r
-    } = z(), v = o(() => n()), s = o(() => n("thought-chain", e.prefixCls)), t = S("thoughtChain"), [
+    } = j(), v = o(() => n()), s = o(() => n("thought-chain", e.prefixCls)), t = z("thoughtChain"), [
       d,
       N,
       h
       // collapseMotion
-    ] = T(() => e.collapsible, s.value, v.value), [x, g, P] = V(s), b = o(() => l(e.class, e.rootClassName, s.value, t.value.className, g.value, P, {
+    ] = S(() => e.collapsible, s.value, v.value), [x, g, P] = T(s), b = o(() => l(e.class, e.rootClassName, s.value, t.value.className, g.value, P, {
       [`${s.value}-rtl`]: r.value === "rtl"
     }, `${s.value}-${e.size}`));
     return () => x(i("div", k(y.value, {
@@ -51,7 +50,7 @@ const L = /* @__PURE__ */ F({
         ...typeof t.value.style == "object" ? t.value.style : {},
         ...typeof e.style == "object" ? e.style : {}
       }
-    }), [i(X, {
+    }), [i(V, {
       value: {
         prefixCls: s.value,
         enableCollapse: d.value,
@@ -83,7 +82,7 @@ const L = /* @__PURE__ */ F({
         var u;
         return [(u = e.items) == null ? void 0 : u.map((a, m) => {
           var c;
-          return i(j, {
+          return i(X, {
             key: a.key || `key_${m}`,
             class: l(t.value.classNames.item, e.classNames.item),
             style: {
@@ -103,5 +102,5 @@ const L = /* @__PURE__ */ F({
   }
 });
 export {
-  L as default
+  J as default
 };

package/es/thought-chain/index.mjs

@@ -1,5 +1,8 @@
-import o from "./ThoughtChain.mjs";
+import n from "./ThoughtChain.mjs";
+n.install = function(t) {
+  return t.component(n.name, n), t;
+};
 export {
-  o as ThoughtChain,
-  o as default
+  n as ThoughtChain,
+  n as default
 };