ant-design-x-vue 1.1.2 → 1.2.1

package/es/thought-chain/item.mjs

@@ -0,0 +1,96 @@
+import { defineComponent as S, mergeDefaults as L, computed as e, useId as A, createVNode as a, mergeProps as F, withDirectives as O, vShow as w } from "vue";
+import { a as D, c as n } from "../attachments/Attachments2.mjs";
+import H from "../_util/pick-attrs.mjs";
+import { useThoughtChainNodeContextInject as I } from "./context.mjs";
+import { Avatar as K, Typography as g } from "ant-design-vue";
+import "../transition-collapse/index.mjs";
+import { L as V, R as j } from "../attachments/FileList/FileList2.mjs";
+import X from "../transition-collapse/TransitionCollapse.mjs";
+const U = /* @__PURE__ */ S({
+  name: "AXThoughtChainNode",
+  __name: "item",
+  props: L({
+    info: null,
+    nextStatus: null,
+    onClick: {
+      type: Function
+    }
+  }, {
+    info: () => ({})
+  }),
+  setup(t) {
+    const i = D(t, ["info", "nextStatus", "onClick"]), k = e(() => H(i, {
+      attr: !0,
+      aria: !0,
+      data: !0
+    })), o = I(), h = e(() => o.value.prefixCls), c = e(() => o.value.enableCollapse), N = e(() => o.value.expandedKeys), v = e(() => o.value.direction), r = e(() => o.value.classNames), d = e(() => o.value.styles), b = A(), x = e(() => t.info.key ?? b), T = e(() => t.info.icon), C = e(() => t.info.title), $ = e(() => t.info.extra), u = e(() => t.info.content), y = e(() => t.info.footer), p = e(() => t.info.status), m = e(() => t.info.description), l = e(() => `${h.value}-item`), P = () => {
+      var s;
+      return (s = t.onClick) == null ? void 0 : s.call(t, x.value);
+    }, f = e(() => {
+      var s;
+      return (s = N.value) == null ? void 0 : s.includes(x.value);
+    }), R = e(() => c.value ? f.value : !0);
+    return () => a("div", F(k.value, {
+      class: n(l.value, {
+        [`${l.value}-${p.value}${t.nextStatus ? `-${t.nextStatus}` : ""}`]: p.value
+      }, i.class),
+      style: i.style
+    }), [a("div", {
+      class: n(`${l.value}-header`, r.value.itemHeader),
+      style: d.value.itemHeader,
+      onClick: P
+    }, [a(K, {
+      icon: T.value,
+      class: `${l.value}-icon`
+    }, null), a("div", {
+      class: n(`${l.value}-header-box`, {
+        [`${l.value}-collapsible`]: c.value && u.value
+      })
+    }, [a(g.Text, {
+      strong: !0,
+      ellipsis: {
+        tooltip: {
+          placement: v.value === "rtl" ? "topRight" : "topLeft",
+          title: C.value
+        }
+      },
+      class: `${l.value}-title`
+    }, {
+      default: () => [c.value && u.value && (v.value === "rtl" ? a(V, {
+        class: `${l.value}-collapse-icon`,
+        rotate: f.value ? -90 : 0
+      }, null) : a(j, {
+        class: `${l.value}-collapse-icon`,
+        rotate: f.value ? 90 : 0
+      }, null)), C.value]
+    }), m.value && a(g.Text, {
+      class: `${l.value}-desc`,
+      ellipsis: {
+        tooltip: {
+          placement: v.value === "rtl" ? "topRight" : "topLeft",
+          title: m.value
+        }
+      },
+      type: "secondary"
+    }, {
+      default: () => [m.value]
+    })]), $.value && a("div", {
+      class: `${l.value}-extra`
+    }, [$.value])]), a(X, {
+      prefixCls: h.value
+    }, {
+      default: () => [u.value && O(a("div", {
+        class: n(`${l.value}-content`)
+      }, [a("div", {
+        class: n(`${l.value}-content-box`, r.value.itemContent),
+        style: d.value.itemContent
+      }, [u.value])]), [[w, R.value]])]
+    }), y.value && a("div", {
+      class: n(`${l.value}-footer`, r.value.itemFooter),
+      style: d.value.itemFooter
+    }, [y.value])]);
+  }
+});
+export {
+  U as default
+};

package/es/thought-chain/style/index.mjs

@@ -0,0 +1,215 @@
+import "../../_util/cssinjs/StyleContext.mjs";
+import "vue";
+import { unit as S } from "../../_util/cssinjs/util.mjs";
+import "../../_util/cssinjs/theme/ThemeCache.mjs";
+import "../../_util/warning.mjs";
+import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
+import { merge as h } from "../../_util/cssinjs-utils/util/statistic.mjs";
+import { genStyleHooks as g } from "../../theme/genStyleUtils.mjs";
+import "../../transition-collapse/index.mjs";
+import { THOUGHT_CHAIN_ITEM_STATUS as a } from "../interface.mjs";
+import { genTransitionCollapseStyle as u } from "../../transition-collapse/style/index.mjs";
+const f = (e) => {
+  const { componentCls: t } = e, i = `${t}-item`, o = {
+    [a.PENDING]: e.colorPrimaryText,
+    [a.SUCCESS]: e.colorSuccessText,
+    [a.ERROR]: e.colorErrorText
+  }, l = Object.keys(o);
+  return l.reduce((c, r) => {
+    const s = o[r];
+    return l.forEach((m) => {
+      const d = `& ${i}-${r}-${m}`, p = r === m ? {} : {
+        backgroundColor: "none !important",
+        backgroundImage: `linear-gradient(${s}, ${o[m]})`
+      };
+      c[d] = {
+        [`& ${i}-icon, & > *::before`]: {
+          backgroundColor: `${s} !important`
+        },
+        "& > :last-child::before": p
+      };
+    }), c;
+  }, {});
+}, z = (e) => {
+  const { calc: t, componentCls: i } = e, o = `${i}-item`, l = {
+    content: '""',
+    width: t(e.lineWidth).mul(2).equal(),
+    display: "block",
+    position: "absolute",
+    insetInlineEnd: "none",
+    backgroundColor: e.colorTextPlaceholder
+  };
+  return {
+    "& > :last-child > :last-child": {
+      "&::before": {
+        display: "none !important"
+      },
+      [`&${o}-footer`]: {
+        "&::before": {
+          display: "block !important",
+          bottom: 0
+        }
+      }
+    },
+    [`& > ${o}`]: {
+      [`& ${o}-header, & ${o}-content, & ${o}-footer`]: {
+        position: "relative",
+        "&::before": {
+          bottom: t(e.itemGap).mul(-1).equal()
+        }
+      },
+      [`& ${o}-header, & ${o}-content`]: {
+        marginInlineStart: t(e.itemSize).mul(-1).equal(),
+        "&::before": {
+          ...l,
+          insetInlineStart: t(e.itemSize).div(2).sub(e.lineWidth).equal()
+        }
+      },
+      [`& ${o}-header::before`]: {
+        top: e.itemSize,
+        bottom: t(e.itemGap).mul(-2).equal()
+      },
+      [`& ${o}-content::before`]: {
+        top: "100%"
+      },
+      [`& ${o}-footer::before`]: {
+        ...l,
+        top: 0,
+        insetInlineStart: t(e.itemSize).div(-2).sub(e.lineWidth).equal()
+      }
+    }
+  };
+}, $ = (e) => {
+  const { componentCls: t } = e, i = `${t}-item`;
+  return {
+    [i]: {
+      display: "flex",
+      flexDirection: "column",
+      [`& ${i}-collapsible`]: {
+        cursor: "pointer"
+      },
+      [`& ${i}-header`]: {
+        display: "flex",
+        marginBottom: e.itemGap,
+        gap: e.itemGap,
+        alignItems: "flex-start",
+        [`& ${i}-icon`]: {
+          height: e.itemSize,
+          width: e.itemSize,
+          fontSize: e.itemFontSize,
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        [`& ${i}-extra`]: {
+          height: e.itemSize,
+          maxHeight: e.itemSize
+        },
+        [`& ${i}-header-box`]: {
+          flex: 1,
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
+          [`& ${i}-title`]: {
+            height: e.itemSize,
+            lineHeight: `${S(e.itemSize)}`,
+            maxHeight: e.itemSize,
+            fontSize: e.itemFontSize,
+            [`& ${i}-collapse-icon`]: {
+              marginInlineEnd: e.marginXS
+            }
+          },
+          [`& ${i}-desc`]: {
+            fontSize: e.itemFontSize
+          }
+        }
+      },
+      [`& ${i}-content`]: {
+        [`& ${i}-content-hidden`]: {
+          display: "none"
+        },
+        [`& ${i}-content-box`]: {
+          padding: e.itemGap,
+          display: "inline-block",
+          maxWidth: `calc(100% - ${e.itemSize})`,
+          borderRadius: e.borderRadiusLG,
+          backgroundColor: e.colorBgContainer,
+          border: `${S(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`
+        }
+      },
+      [`& ${i}-footer`]: {
+        marginTop: e.itemGap,
+        display: "inline-flex"
+      }
+    }
+  };
+}, n = (e, t = "middle") => {
+  const { componentCls: i } = e, o = {
+    large: {
+      itemSize: e.itemSizeLG,
+      itemGap: e.itemGapLG,
+      itemFontSize: e.itemFontSizeLG
+    },
+    middle: {
+      itemSize: e.itemSize,
+      itemGap: e.itemGap,
+      itemFontSize: e.itemFontSize
+    },
+    small: {
+      itemSize: e.itemSizeSM,
+      itemGap: e.itemGapSM,
+      itemFontSize: e.itemFontSizeSM
+    }
+  }[t];
+  return {
+    [`&${i}-${t}`]: {
+      paddingInlineStart: o.itemSize,
+      gap: o.itemGap,
+      ...$({
+        ...e,
+        ...o
+      }),
+      ...z({
+        ...e,
+        ...o
+      })
+    }
+  };
+}, b = (e) => {
+  const { componentCls: t } = e;
+  return {
+    [t]: {
+      display: "flex",
+      flexDirection: "column",
+      ...f(e),
+      ...n(e),
+      ...n(e, "large"),
+      ...n(e, "small"),
+      [`&${t}-rtl`]: {
+        direction: "rtl"
+      }
+    }
+  };
+}, E = g("ThoughtChain", (e) => {
+  const t = h(e, {
+    // small size tokens
+    itemFontSizeSM: e.fontSizeSM,
+    itemSizeSM: e.calc(e.controlHeightXS).add(e.controlHeightSM).div(2).equal(),
+    itemGapSM: e.marginSM,
+    // default size tokens
+    itemFontSize: e.fontSize,
+    itemSize: e.calc(e.controlHeightSM).add(e.controlHeight).div(2).equal(),
+    itemGap: e.margin,
+    // large size tokens
+    itemFontSizeLG: e.fontSizeLG,
+    itemSizeLG: e.calc(e.controlHeight).add(e.controlHeightLG).div(2).equal(),
+    itemGapLG: e.marginLG
+  });
+  return [
+    b(t),
+    u(t)
+  ];
+});
+export {
+  E as default
+};

package/es/transition-collapse/TransitionCollapse.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as n, useSlots as i, computed as r, createVNode as p, Transition as g } from "vue";
+const l = /* @__PURE__ */ n({
+  name: "AXTransitionCollapse",
+  __name: "TransitionCollapse",
+  props: {
+    prefixCls: {
+      default: "ax"
+    }
+  },
+  setup(e) {
+    const d = e, a = i(), s = r(() => d.prefixCls + "-transition-collapse"), o = {
+      beforeEnter(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = "0", t.style.paddingTop = "0", t.style.paddingBottom = "0";
+      },
+      enter(t) {
+        t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.maxHeight = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.maxHeight = `${t.dataset.oldMaxHeight || "999"}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
+      },
+      afterEnter(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
+      },
+      beforeLeave(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldMaxHeight = t.scrollHeight, t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.overflow = "hidden", t.style.maxHeight = `${t.scrollHeight}px`;
+      },
+      leave(t) {
+        t.scrollHeight !== 0 && (t.style.maxHeight = "0", t.style.paddingTop = "0", t.style.paddingBottom = "0");
+      },
+      afterLeave(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
+      }
+    };
+    return () => p(g, {
+      name: s.value,
+      onBeforeEnter: o.beforeEnter,
+      onEnter: o.enter,
+      onAfterEnter: o.afterEnter,
+      onBeforeLeave: o.beforeLeave,
+      onLeave: o.leave,
+      onAfterLeave: o.afterLeave
+    }, {
+      default: () => {
+        var t;
+        return [(t = a.default) == null ? void 0 : t.call(a)];
+      }
+    });
+  }
+});
+export {
+  l as default
+};

package/es/transition-collapse/index.mjs

@@ -0,0 +1,10 @@
+import n from "./TransitionCollapse.mjs";
+import { genTransitionCollapseStyle as r } from "./style/index.mjs";
+n.install = function(o) {
+  return o.component(n.name, n), o;
+};
+export {
+  n as TransitionCollapse,
+  n as default,
+  r as genTransitionCollapseStyle
+};

package/es/transition-collapse/style/index.mjs

@@ -0,0 +1,22 @@
+const a = (t) => {
+  const { componentCls: n } = t, i = `${n}-transition-collapse`;
+  return {
+    [n]: {
+      [i]: {
+        "&-enter-active": {
+          transition: ["max-height", "padding-top", "padding-bottom"].map(
+            (o) => `${o} ${t.motionDurationSlow} ${t.motionEaseInOut}`
+          ).join(",")
+        },
+        "&-leave-active": {
+          transition: ["max-height", "padding-top", "padding-bottom"].map(
+            (o) => `${o} ${t.motionDurationSlow} ${t.motionEaseInOut}`
+          ).join(",")
+        }
+      }
+    }
+  };
+};
+export {
+  a as genTransitionCollapseStyle
+};

package/es/type-utility.mjs

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,7 @@
+import t from "./use-x-agent.mjs";
+import { XAgent as f } from "./use-x-agent.mjs";
+export {
+  f as XAgent,
+  t as default,
+  t as useXAgent
+};

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

@@ -0,0 +1,56 @@
+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));
+          }
+        },
+        g
+      );
+    }, this.config = i;
+  }
+  finishRequest(i) {
+    delete this.requestingMap.value[i];
+  }
+  isRequesting() {
+    return Object.keys(this.requestingMap.value).length > 0;
+  }
+}
+function v(r) {
+  const { request: i, ...s } = r;
+  return [
+    f(
+      () => new d({
+        // @ts-expect-error
+        request: i || p({
+          baseURL: s.baseURL,
+          model: s.model,
+          dangerouslyApiKey: s.dangerouslyApiKey
+        }).create,
+        ...s
+      })
+    )
+  ];
+}
+export {
+  d as XAgent,
+  v as default
+};

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

@@ -0,0 +1,5 @@
+import a from "./use-x-chat.mjs";
+export {
+  a as default,
+  a as useXChat
+};

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

@@ -0,0 +1,126 @@
+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 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",
+    ...s
+  }))), [m, g] = I(_.value, () => {
+  }), M = (s, t) => {
+    const o = {
+      id: `msg_${w.value}`,
+      message: s,
+      status: t
+    };
+    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
+        });
+      });
+    }), 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: T((s) => {
+      if (!b)
+        throw new Error(
+          "The agent parameter is required when using the onRequest method in an agent generated by useXAgent."
+        );
+      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 r;
+      });
+      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;
+      };
+      b.request(
+        {
+          message: o,
+          messages: S(),
+          ...u
+        },
+        {
+          onUpdate: (e) => {
+            p(e, "loading");
+          },
+          onSuccess: (e) => {
+            p(e, "success");
+          },
+          onError: async (e) => {
+            if (d) {
+              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
+              g((r) => r.filter((a) => a.id !== t && a.id !== l));
+          },
+          onStream: (e) => {
+            h == null || h(e);
+          }
+        },
+        A
+      );
+    }),
+    messages: m,
+    parsedMessages: x,
+    setMessages: g
+  };
+}
+export {
+  U as default
+};

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

@@ -0,0 +1,12 @@
+import { ref as a } from "vue";
+function l(f, o) {
+  const e = a(f);
+  function u(t) {
+    const n = typeof t == "function" ? t(e.value) : t;
+    n !== e.value && o(n, e.value), e.value = n;
+  }
+  return [e, u];
+}
+export {
+  l as default
+};

package/es/vc-util/Dom/addEventListener.mjs

@@ -0,0 +1,15 @@
+import r from "../../_util/supportsPassive.mjs";
+function f(e, s, o, n) {
+  if (e && e.addEventListener) {
+    let i = n;
+    i === void 0 && r && (s === "touchstart" || s === "touchmove" || s === "wheel") && (i = { passive: !1 }), e.addEventListener(s, o, i);
+  }
+  return {
+    remove: () => {
+      e && e.removeEventListener && e.removeEventListener(s, o);
+    }
+  };
+}
+export {
+  f as default
+};

package/es/vc-util/Dom/canUseDom.mjs

@@ -0,0 +1,6 @@
+function e() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+export {
+  e as default
+};

package/es/vc-util/Dom/class.mjs

@@ -0,0 +1,19 @@
+function l(s, i) {
+  return s.classList ? s.classList.contains(i) : ` ${s.className} `.indexOf(` ${i} `) > -1;
+}
+function t(s, i) {
+  s.classList ? s.classList.add(i) : l(s, i) || (s.className = `${s.className} ${i}`);
+}
+function c(s, i) {
+  if (s.classList)
+    s.classList.remove(i);
+  else if (l(s, i)) {
+    const a = s.className;
+    s.className = ` ${a} `.replace(` ${i} `, " ");
+  }
+}
+export {
+  t as addClass,
+  l as hasClass,
+  c as removeClass
+};

package/es/vc-util/Dom/contains.mjs

@@ -0,0 +1,6 @@
+function e(n, a) {
+  return n && n.contains ? n.contains(a) : !1;
+}
+export {
+  e as default
+};