ant-design-x-vue 1.2.0 → 1.2.1

package/es/attachments/FileList/FileList2.mjs

@@ -1465,18 +1465,16 @@ const Et = 1, dn = /* @__PURE__ */ Nt({
   name: "AXAttachmentsFileList",
   __name: "FileList",
   props: {
-    prefixCls: null,
-    items: null,
-    onRemove: {
-      type: Function
-    },
-    overflow: null,
-    upload: null,
-    imageProps: null,
-    listClassName: null,
-    listStyle: null,
-    itemClassName: null,
-    itemStyle: null
+    prefixCls: {},
+    items: {},
+    onRemove: {},
+    overflow: {},
+    upload: {},
+    imageProps: {},
+    listClassName: {},
+    listStyle: {},
+    itemClassName: {},
+    itemStyle: {}
   },
   setup(t) {
     const e = be(() => `${t.prefixCls}-list`), r = me("file-list-container"), [n, a] = I(!1), i = xe();

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

package/es/thought-chain/hooks/useCollapsible.mjs

@@ -1,33 +1,41 @@
 import r from "../../_util/hooks/use-state.mjs";
-import { computed as t, toValue as x } from "vue";
-const b = (d, c, m) => {
-  const n = t(() => {
-    const a = x(d);
-    let e = {
+import { computed as p, toValue as u, watch as c } from "vue";
+const b = (t, f, m) => {
+  const n = p(() => {
+    const e = u(t);
+    let a = {
       expandedKeys: [],
       onExpand: () => {
       }
     };
-    return a ? (typeof a == "object" && (e = { ...e, ...a }), {
+    return e ? (typeof e == "object" && (a = { ...a, ...e }), {
       enableCollapse: !0,
-      customizeExpandedKeys: e.expandedKeys,
-      customizeOnExpand: e.onExpand
+      customizeExpandedKeys: a.expandedKeys,
+      customizeOnExpand: a.onExpand
     }) : {
       enableCollapse: !1,
-      customizeExpandedKeys: e.expandedKeys,
-      customizeOnExpand: e.onExpand
+      customizeExpandedKeys: a.expandedKeys,
+      customizeOnExpand: a.onExpand
     };
-  }), [s, p] = r(n.value.customizeExpandedKeys), u = (a) => {
-    var l, o;
+  }), [s, o] = r(n.value.customizeExpandedKeys), i = (e) => {
+    var l, d;
     if (!n.value.enableCollapse)
       return;
-    const e = s.value.includes(a) ? s.value.filter((i) => i !== a) : [...s.value, a];
-    (o = (l = n.value).customizeOnExpand) == null || o.call(l, e), p(e);
+    const a = s.value.includes(e) ? s.value.filter((x) => x !== e) : [...s.value, e];
+    (d = (l = n.value).customizeOnExpand) == null || d.call(l, a), typeof u(t) != "object" && o(a);
   };
-  return [
-    t(() => n.value.enableCollapse),
+  return c(
+    n,
+    (e) => {
+      o(e.customizeExpandedKeys);
+    },
+    {
+      deep: 1
+    }
+  ), [
+    p(() => n.value.enableCollapse),
     s,
-    u
+    i
     // collapseMotion,
   ];
 };

package/es/use-x-agent/use-x-agent.mjs

@@ -1,49 +1,56 @@
-import h from "../x-request/x-request.mjs";
-import { computed as p } from "vue";
-let u = 0;
-class q {
-  constructor(s) {
-    this.requestingMap = {}, this.request = (e, o) => {
-      const { request: n } = this.config, { onUpdate: a, onSuccess: c, onError: g } = o, t = u;
-      u += 1, this.requestingMap[t] = !0, n == null || n(e, {
-        // Status should be unique.
-        // One get success or error should not get more message
-        onUpdate: (i) => {
-          this.requestingMap[t] && a(i);
+import p from "../x-request/x-request.mjs";
+import { computed as f, ref as q } from "vue";
+let a = 0;
+class d {
+  constructor(i) {
+    this.requestingMap = q({}), this.request = (s, o, g) => {
+      const { request: n } = this.config, { onUpdate: c, onSuccess: h, onError: l, onStream: u } = o, e = a;
+      a += 1, this.requestingMap.value[e] = !0, n == null || n(
+        s,
+        {
+          onStream: (t) => {
+            this.requestingMap.value[e] && (u == null || u(t));
+          },
+          // Status should be unique.
+          // One get success or error should not get more message
+          onUpdate: (t) => {
+            this.requestingMap.value[e] && c(t);
+          },
+          onSuccess: (t) => {
+            this.requestingMap.value[e] && (h(t), this.finishRequest(e));
+          },
+          onError: (t) => {
+            this.requestingMap.value[e] && (l(t), this.finishRequest(e));
+          }
         },
-        onSuccess: (i) => {
-          this.requestingMap[t] && (c(i), this.finishRequest(t));
-        },
-        onError: (i) => {
-          this.requestingMap[t] && (g(i), this.finishRequest(t));
-        }
-      });
-    }, this.config = s;
+        g
+      );
+    }, this.config = i;
   }
-  finishRequest(s) {
-    delete this.requestingMap[s];
+  finishRequest(i) {
+    delete this.requestingMap.value[i];
   }
   isRequesting() {
-    return Object.keys(this.requestingMap).length > 0;
+    return Object.keys(this.requestingMap.value).length > 0;
   }
 }
-function l(r) {
-  const { request: s, ...e } = r;
+function v(r) {
+  const { request: i, ...s } = r;
   return [
-    p(
-      () => new q({
+    f(
+      () => new d({
         // @ts-expect-error
-        request: s || h({
-          baseURL: e.baseURL,
-          model: e.model,
-          dangerouslyApiKey: e.dangerouslyApiKey
+        request: i || p({
+          baseURL: s.baseURL,
+          model: s.model,
+          dangerouslyApiKey: s.dangerouslyApiKey
         }).create,
-        ...e
+        ...s
       })
     )
   ];
 }
 export {
-  q as XAgent,
-  l as default
+  d as XAgent,
+  v as default
 };

package/es/use-x-chat/use-x-chat.mjs

@@ -1,97 +1,126 @@
-import { ref as k, computed as b } from "vue";
-import A from "./useSyncState.mjs";
-import { useEventCallback as P } from "../_util/hooks/use-event-callback.mjs";
-function $(l) {
-  return Array.isArray(l) ? l : [l];
+import { ref as F, computed as $ } from "vue";
+import I from "./useSyncState.mjs";
+import { useEventCallback as T } from "../_util/hooks/use-event-callback.mjs";
+function W(i) {
+  return Array.isArray(i) ? i : [i];
 }
-function F(l) {
-  const { defaultMessages: v, agent: p, requestFallback: d, requestPlaceholder: c, parser: h } = l, M = k(0), w = b(() => (v || []).map((r, e) => ({
-    id: `default_${e}`,
+function U(i) {
+  const {
+    defaultMessages: q,
+    agent: b,
+    requestFallback: d,
+    requestPlaceholder: f,
+    parser: v,
+    transformMessage: R,
+    transformStream: A,
+    resolveAbortController: h
+  } = i, w = F(0), _ = $(() => (q || []).map((s, t) => ({
+    id: `default_${t}`,
     status: "local",
-    ...r
-  }))), [g, u] = A(w.value, () => {
-  }), f = (r, e) => {
+    ...s
+  }))), [m, g] = I(_.value, () => {
+  }), M = (s, t) => {
     const o = {
-      id: `msg_${M.value}`,
-      message: r,
-      status: e
+      id: `msg_${w.value}`,
+      message: s,
+      status: t
     };
-    return M.value += 1, o;
-  }, E = b(() => {
-    const r = [];
-    return g.value.forEach((e) => {
-      const o = h ? h(e.message) : e.message, i = $(o);
-      i.forEach((a, t) => {
-        let s = e.id;
-        i.length > 1 && (s = `${s}_${t}`), r.push({
-          id: s,
-          message: a,
-          status: e.status
+    return w.value += 1, o;
+  }, x = $(() => {
+    const s = [];
+    return m.value.forEach((t) => {
+      const o = v ? v(t.message) : t.message, u = W(o);
+      u.forEach((l, p) => {
+        let e = t.id;
+        u.length > 1 && (e = `${e}_${p}`), s.push({
+          id: e,
+          message: l,
+          status: t.status
         });
       });
-    }), r;
-  }), y = (r) => r.filter((e) => e.status !== "loading" && e.status !== "error").map((e) => e.message), q = () => y(g.value);
+    }), s;
+  }), E = (s) => s.filter((t) => t.status !== "loading" && t.status !== "error").map((t) => t.message), S = () => E(m.value), k = (s) => typeof R == "function" ? R(s) : s.currentMessage;
   return {
-    onRequest: P((r) => {
-      if (!p)
+    onRequest: T((s) => {
+      if (!b)
         throw new Error(
           "The agent parameter is required when using the onRequest method in an agent generated by useXAgent."
         );
-      let e = null;
-      u((a) => {
-        let t = [...a, f(r, "local")];
-        if (c) {
-          let s;
-          typeof c == "function" ? s = c(r, {
-            messages: y(t)
-          }) : s = c;
-          const n = f(s, "loading");
-          e = n.id, t = [...t, n];
+      let t = null, o, u = {};
+      if (typeof s == "object" && (s != null && s.message)) {
+        const { message: e, ...r } = s;
+        o = e, u = r;
+      } else
+        o = s;
+      g((e) => {
+        let r = [...e, M(o, "local")];
+        if (f) {
+          let a;
+          typeof f == "function" ? a = f(o, {
+            messages: E(r)
+          }) : a = f;
+          const n = M(a, "loading");
+          t = n.id, r = [...r, n];
         }
-        return t;
+        return r;
       });
-      let o = null;
-      const i = (a, t) => {
-        let s = g.value.find((n) => n.id === o);
-        return s ? u((n) => n.map((m) => m.id === o ? {
-          ...m,
-          message: a,
-          status: t
-        } : m)) : (s = f(a, t), u((n) => [...n.filter((R) => R.id !== e), s]), o = s.id), s;
+      let l = null;
+      const p = (e, r) => {
+        let a = m.value.find((n) => n.id === l);
+        return a ? g((n) => n.map((c) => {
+          if (c.id === l) {
+            const y = k({
+              originMessage: c.message,
+              currentMessage: e,
+              status: r
+            });
+            return {
+              ...c,
+              message: y,
+              status: r
+            };
+          }
+          return c;
+        })) : (k({ currentMessage: e, status: r }), a = M(e, r), g((n) => [...n.filter((y) => y.id !== t), a]), l = a.id), a;
       };
-      p.request(
+      b.request(
         {
-          message: r,
-          messages: q()
+          message: o,
+          messages: S(),
+          ...u
         },
         {
-          onUpdate: (a) => {
-            i(a, "loading");
+          onUpdate: (e) => {
+            p(e, "loading");
           },
-          onSuccess: (a) => {
-            i(a, "success");
+          onSuccess: (e) => {
+            p(e, "success");
           },
-          onError: async (a) => {
+          onError: async (e) => {
             if (d) {
-              let t;
-              typeof d == "function" ? t = await d(r, {
-                error: a,
-                messages: q()
-              }) : t = d, u((s) => [
-                ...s.filter((n) => n.id !== e && n.id !== o),
-                f(t, "error")
+              let r;
+              typeof d == "function" ? r = await d(o, {
+                error: e,
+                messages: S()
+              }) : r = d, g((a) => [
+                ...a.filter((n) => n.id !== t && n.id !== l),
+                M(r, "error")
               ]);
             } else
-              u((t) => t.filter((s) => s.id !== e && s.id !== o));
+              g((r) => r.filter((a) => a.id !== t && a.id !== l));
+          },
+          onStream: (e) => {
+            h == null || h(e);
           }
-        }
+        },
+        A
       );
     }),
-    messages: g,
-    parsedMessages: E,
-    setMessages: u
+    messages: m,
+    parsedMessages: x,
+    setMessages: g
   };
 }
 export {
-  F as default
+  U as default
 };

package/es/x-request/x-request.mjs

@@ -1,83 +1,85 @@
-import f from "../x-stream/x-stream.mjs";
-import y from "./x-fetch.mjs";
-const d = class d {
-  constructor(n) {
-    this.create = async (s, e, r) => {
-      var o;
-      const i = {
+import y from "../x-stream/x-stream.mjs";
+import R from "./x-fetch.mjs";
+const s = class s {
+  constructor(t) {
+    this.create = async (h, e, o) => {
+      var i, u;
+      const n = new AbortController(), r = {
         method: "POST",
         body: JSON.stringify({
           model: this.model,
-          ...s
+          ...h
         }),
-        headers: this.defaultHeaders
+        headers: this.defaultHeaders,
+        signal: n.signal
       };
+      (i = e == null ? void 0 : e.onStream) == null || i.call(e, n);
       try {
-        const t = await y(this.baseURL, {
+        const d = await R(this.baseURL, {
           fetch: this.customOptions.fetch,
-          ...i
+          ...r
         });
-        if (r) {
-          await this.customResponseHandler(t, e, r);
+        if (o) {
+          await this.customResponseHandler(d, e, o);
           return;
         }
-        const h = t.headers.get("content-type") || "";
-        switch (h.split(";")[0].trim()) {
+        const p = d.headers.get("content-type") || "";
+        switch (p.split(";")[0].trim()) {
           /** SSE */
           case "text/event-stream":
-            await this.sseResponseHandler(t, e);
+            await this.sseResponseHandler(d, e);
             break;
           /** JSON */
           case "application/json":
-            await this.jsonResponseHandler(t, e);
+            await this.jsonResponseHandler(d, e);
             break;
           default:
-            throw new Error(`The response content-type: ${h} is not support!`);
+            throw new Error(`The response content-type: ${p} is not support!`);
         }
-      } catch (t) {
-        const h = t instanceof Error ? t : new Error("Unknown error!");
-        throw (o = e == null ? void 0 : e.onError) == null || o.call(e, h), h;
+      } catch (d) {
+        const p = d instanceof Error ? d : new Error("Unknown error!");
+        throw (u = e == null ? void 0 : e.onError) == null || u.call(e, p), p;
       }
-    }, this.customResponseHandler = async (s, e, r) => {
-      var o, t;
-      const i = [];
-      for await (const h of f({
-        readableStream: s.body,
-        transformStream: r
+    }, this.customResponseHandler = async (h, e, o) => {
+      var r, i;
+      const n = [];
+      for await (const u of y({
+        readableStream: h.body,
+        transformStream: o
       }))
-        i.push(h), (o = e == null ? void 0 : e.onUpdate) == null || o.call(e, h);
-      (t = e == null ? void 0 : e.onSuccess) == null || t.call(e, i);
-    }, this.sseResponseHandler = async (s, e) => {
-      var i, o;
-      const r = [];
-      for await (const t of f({
-        readableStream: s.body
+        n.push(u), (r = e == null ? void 0 : e.onUpdate) == null || r.call(e, u);
+      (i = e == null ? void 0 : e.onSuccess) == null || i.call(e, n);
+    }, this.sseResponseHandler = async (h, e) => {
+      var n, r;
+      const o = [];
+      for await (const i of y({
+        readableStream: h.body
       }))
-        r.push(t), (i = e == null ? void 0 : e.onUpdate) == null || i.call(e, t);
-      (o = e == null ? void 0 : e.onSuccess) == null || o.call(e, r);
-    }, this.jsonResponseHandler = async (s, e) => {
-      var i, o;
-      const r = await s.json();
-      (i = e == null ? void 0 : e.onUpdate) == null || i.call(e, r), (o = e == null ? void 0 : e.onSuccess) == null || o.call(e, [r]);
+        o.push(i), (n = e == null ? void 0 : e.onUpdate) == null || n.call(e, i);
+      (r = e == null ? void 0 : e.onSuccess) == null || r.call(e, o);
+    }, this.jsonResponseHandler = async (h, e) => {
+      var n, r;
+      const o = await h.json();
+      (n = e == null ? void 0 : e.onUpdate) == null || n.call(e, o), (r = e == null ? void 0 : e.onSuccess) == null || r.call(e, [o]);
     };
-    const { baseURL: u, model: w, dangerouslyApiKey: R, ...m } = n;
-    this.baseURL = n.baseURL, this.model = n.model, this.defaultHeaders = {
+    const { baseURL: f, model: U, dangerouslyApiKey: g, ...w } = t;
+    this.baseURL = t.baseURL, this.model = t.model, this.defaultHeaders = {
       "Content-Type": "application/json",
-      ...n.dangerouslyApiKey && {
-        Authorization: n.dangerouslyApiKey
+      ...t.dangerouslyApiKey && {
+        Authorization: t.dangerouslyApiKey
       }
-    }, this.customOptions = m;
+    }, this.customOptions = w;
   }
-  static init(n) {
-    if (!n.baseURL || typeof n.baseURL != "string")
+  static init(t) {
+    if (!t.baseURL || typeof t.baseURL != "string")
       throw new Error("The baseURL is not valid!");
-    const u = n.fetch || n.baseURL;
-    return d.instanceBuffer.has(u) || d.instanceBuffer.set(u, new d(n)), d.instanceBuffer.get(u);
+    const f = t.fetch || t.baseURL;
+    return s.instanceBuffer.has(f) || s.instanceBuffer.set(f, new s(t)), s.instanceBuffer.get(f);
   }
 };
-d.instanceBuffer = /* @__PURE__ */ new Map();
-let p = d;
-const g = p.init;
+s.instanceBuffer = /* @__PURE__ */ new Map();
+let m = s;
+const T = m.init;
 export {
-  g as default
+  T as default
 };