ant-design-x-vue 1.1.1 → 1.2.0

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,49 @@
+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);
+        },
+        onSuccess: (i) => {
+          this.requestingMap[t] && (c(i), this.finishRequest(t));
+        },
+        onError: (i) => {
+          this.requestingMap[t] && (g(i), this.finishRequest(t));
+        }
+      });
+    }, this.config = s;
+  }
+  finishRequest(s) {
+    delete this.requestingMap[s];
+  }
+  isRequesting() {
+    return Object.keys(this.requestingMap).length > 0;
+  }
+}
+function l(r) {
+  const { request: s, ...e } = r;
+  return [
+    p(
+      () => new q({
+        // @ts-expect-error
+        request: s || h({
+          baseURL: e.baseURL,
+          model: e.model,
+          dangerouslyApiKey: e.dangerouslyApiKey
+        }).create,
+        ...e
+      })
+    )
+  ];
+}
+export {
+  q as XAgent,
+  l 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,97 @@
+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];
+}
+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}`,
+    status: "local",
+    ...r
+  }))), [g, u] = A(w.value, () => {
+  }), f = (r, e) => {
+    const o = {
+      id: `msg_${M.value}`,
+      message: r,
+      status: e
+    };
+    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
+        });
+      });
+    }), r;
+  }), y = (r) => r.filter((e) => e.status !== "loading" && e.status !== "error").map((e) => e.message), q = () => y(g.value);
+  return {
+    onRequest: P((r) => {
+      if (!p)
+        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];
+        }
+        return t;
+      });
+      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;
+      };
+      p.request(
+        {
+          message: r,
+          messages: q()
+        },
+        {
+          onUpdate: (a) => {
+            i(a, "loading");
+          },
+          onSuccess: (a) => {
+            i(a, "success");
+          },
+          onError: async (a) => {
+            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")
+              ]);
+            } else
+              u((t) => t.filter((s) => s.id !== e && s.id !== o));
+          }
+        }
+      );
+    }),
+    messages: g,
+    parsedMessages: E,
+    setMessages: u
+  };
+}
+export {
+  F 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
+};