ant-design-x-vue 1.1.1 → 1.2.0

package/es/conversations/Conversations.mjs

@@ -0,0 +1,105 @@
+import { defineComponent as $, mergeDefaults as S, toRef as m, ref as G, computed as n, watch as V, createVNode as s, mergeProps as X } from "vue";
+import { a as j, c as v } from "../attachments/Attachments2.mjs";
+import w from "../_util/pick-attrs.mjs";
+import F from "./ConversationsItem.mjs";
+import y from "./GroupTitle.mjs";
+import M from "../_util/hooks/useMergedState.mjs";
+import R from "../x-provider/hooks/use-x-provider-context.mjs";
+import "../x-provider/context.mjs";
+import "ant-design-vue";
+import T from "./hooks/useGroupable.mjs";
+import D from "../_util/hooks/use-x-component-config.mjs";
+import L from "./style/index.mjs";
+import { GroupTitleContextProvider as q } from "./context.mjs";
+const _ = /* @__PURE__ */ $({
+  name: "AXConversations",
+  __name: "Conversations",
+  props: S({
+    items: null,
+    activeKey: null,
+    defaultActiveKey: null,
+    onActiveChange: {
+      type: Function
+    },
+    menu: {
+      type: Function
+    },
+    groupable: null,
+    styles: null,
+    classNames: null,
+    prefixCls: null,
+    rootClassName: null
+  }, {
+    styles: () => ({}),
+    classNames: () => ({})
+  }),
+  setup(e) {
+    const C = j(e, ["prefixCls", "rootClassName", "items", "activeKey", "defaultActiveKey", "onActiveChange", "menu", "styles", "classNames", "groupable", "class", "style"]);
+    m(e, "class"), m(e, "activeKey"), m(e, "prefixCls");
+    const c = G(e.activeKey), f = n(() => w(C, {
+      attr: !0,
+      aria: !0,
+      data: !0
+    })), [d, x] = M(e.defaultActiveKey, {
+      value: c
+    });
+    V(() => e.activeKey, () => {
+      c.value = e.activeKey;
+    });
+    const u = T(() => e.groupable, () => e.items), {
+      getPrefixCls: k,
+      direction: r
+    } = R(), l = n(() => k("conversations", e.prefixCls)), i = D("conversations"), [K, A, N] = L(l), g = n(() => v(l.value, i.value.className, e.class, e.rootClassName, A.value, N, {
+      [`${l.value}-rtl`]: r.value === "rtl"
+    })), P = (t) => {
+      x(t.key), e.onActiveChange && e.onActiveChange(t.key);
+    };
+    return () => K(s("ul", X(f.value, {
+      style: {
+        ...typeof i.value.style == "object" ? i.value.style : {},
+        ...typeof e.style == "object" ? e.style : {}
+      },
+      class: g.value
+    }), [u.value.groupList.map((t, b) => {
+      const o = t.data.map((a, h) => s(F, {
+        key: a.key || `key-${h}`,
+        info: a,
+        prefixCls: l.value,
+        direction: r.value,
+        class: v(e.classNames.item, i.value.classNames.item),
+        style: {
+          ...i.value.styles.item,
+          ...e.styles.item
+        },
+        menu: typeof e.menu == "function" ? e.menu(a) : e.menu,
+        active: d.value === a.key,
+        onClick: P
+      }, null));
+      return u.value.enableGroup ? s("li", {
+        key: t.name || `key-${b}`
+      }, [s(q, {
+        value: {
+          prefixCls: l.value
+        }
+      }, {
+        default: () => {
+          var a;
+          return [((a = t.title) == null ? void 0 : a.call(t, t.name, {
+            components: {
+              GroupTitle: y
+            }
+          })) || s(y, {
+            key: t.name
+          }, {
+            default: () => [t.name]
+          })];
+        }
+      }), s("ul", {
+        class: `${l.value}-list`
+      }, [o])]) : o;
+    })]));
+  }
+});
+export {
+  _ as default
+};

package/es/conversations/ConversationsItem.mjs

@@ -0,0 +1,89 @@
+import { defineComponent as y, toRef as P, computed as l, createVNode as t, mergeProps as h } from "vue";
+import { a as $, c as O } from "../attachments/Attachments2.mjs";
+import T from "../_util/pick-attrs.mjs";
+import { Tooltip as E, Typography as M, Dropdown as p, Menu as w } from "ant-design-vue";
+import c from "../_util/hooks/use-state.mjs";
+import { E as I } from "../attachments/FileList/FileList2.mjs";
+const L = /* @__PURE__ */ y({
+  name: "AXConversationsItem",
+  __name: "ConversationsItem",
+  props: {
+    info: null,
+    prefixCls: null,
+    direction: null,
+    menu: null,
+    active: {
+      type: Boolean
+    },
+    onClick: {
+      type: Function
+    }
+  },
+  setup(e) {
+    const s = $(e, ["prefixCls", "info", "class", "direction", "onClick", "active", "menu"]);
+    P(e, "class");
+    const u = l(() => T(s, {
+      aria: !0,
+      data: !0,
+      attr: !0
+    })), f = (n) => {
+      n.stopPropagation();
+    }, i = l(() => e.info.disabled), [m, d] = c(!1), [g, r] = c(!1), v = l(() => O(e.class, `${e.prefixCls}-item`, {
+      [`${e.prefixCls}-item-active`]: e.active && !i.value
+    }, {
+      [`${e.prefixCls}-item-disabled`]: i.value
+    })), C = () => {
+      !i.value && e.onClick && e.onClick(e.info);
+    }, x = (n) => {
+      n && r(!n);
+    }, o = l(() => {
+      var n;
+      return (n = e.menu) == null ? void 0 : n.trigger;
+    }), b = l(() => {
+      const {
+        trigger: n,
+        ...a
+      } = e.menu || {};
+      return a;
+    }), k = (n) => {
+      const a = t(I, {
+        onClick: f,
+        class: `${e.prefixCls}-menu-icon`
+      }, null);
+      return o.value ? typeof o.value == "function" ? o.value(n, {
+        originNode: a
+      }) : o.value : a;
+    };
+    return () => t(E, {
+      title: e.info.label,
+      open: m.value && g.value,
+      onOpenChange: r,
+      placement: e.direction === "rtl" ? "left" : "right"
+    }, {
+      default: () => [t("li", h(u.value, {
+        class: v.value,
+        onClick: C
+      }), [e.info.icon && t("div", {
+        class: `${e.prefixCls}-icon`
+      }, [e.info.icon]), t(M.Text, {
+        class: `${e.prefixCls}-label`,
+        ellipsis: {
+          onEllipsis: d
+        }
+      }, {
+        default: () => [e.info.label]
+      }), !i.value && e.menu && t(p, {
+        placement: e.direction === "rtl" ? "bottomLeft" : "bottomRight",
+        trigger: ["click"],
+        disabled: i.value,
+        onOpenChange: x
+      }, {
+        default: () => k(e.info),
+        overlay: () => t(w, b.value, null)
+      })])]
+    });
+  }
+});
+export {
+  L as default
+};

package/es/conversations/GroupTitle.mjs

@@ -0,0 +1,22 @@
+import { defineComponent as p, useSlots as s, computed as u, createVNode as r } from "vue";
+import { c as a } from "../attachments/Attachments2.mjs";
+import { useGroupTitleContextInject as l } from "./context.mjs";
+import { Typography as i } from "ant-design-vue";
+const _ = /* @__PURE__ */ p({
+  name: "AXConversationsGroupTitle",
+  __name: "GroupTitle",
+  setup(m) {
+    const e = s(), n = l(), t = u(() => {
+      var o;
+      return (o = e.default) == null ? void 0 : o.call(e);
+    });
+    return () => r("div", {
+      class: a(`${n.value.prefixCls}-group-title`)
+    }, [t.value && r(i.Text, null, {
+      default: () => [t.value]
+    })]);
+  }
+});
+export {
+  _ as default
+};

package/es/conversations/context.mjs

@@ -0,0 +1,31 @@
+import { shallowRef as p, defineComponent as i, computed as n, provide as l, watch as c, unref as a, triggerRef as d, inject as m } from "vue";
+import { objectType as f } from "../_util/type.mjs";
+const u = Symbol("GroupTitleContext"), o = p(), x = (e) => {
+  l(u, e), c(
+    e,
+    () => {
+      o.value = a(e), d(o);
+    },
+    { immediate: !0, deep: !0 }
+  );
+}, G = () => m(
+  u,
+  n(() => o.value || {})
+), v = i({
+  props: {
+    value: f()
+  },
+  setup(e, { slots: t }) {
+    return x(n(() => e.value)), () => {
+      var r;
+      return (r = t.default) == null ? void 0 : r.call(t);
+    };
+  }
+});
+export {
+  v as GroupTitleContextProvider,
+  v as default,
+  o as globalGroupTitleContextApi,
+  G as useGroupTitleContextInject,
+  x as useGroupTitleContextProvider
+};

package/es/conversations/hooks/useGroupable.mjs

@@ -0,0 +1,48 @@
+import { computed as i, toValue as r } from "vue";
+const n = "__ungrouped", b = (u, a = []) => {
+  const o = i(() => {
+    if (!r(u))
+      return {
+        enableGroup: !1,
+        sort: void 0,
+        title: void 0
+      };
+    let t = {
+      sort: void 0,
+      title: void 0
+    };
+    return typeof r(u) == "object" && (t = { ...t, ...r(u) }), {
+      enableGroup: !0,
+      sort: t.sort,
+      title: t.title
+    };
+  });
+  return i(() => {
+    if (!o.value.enableGroup)
+      return {
+        groupList: [
+          {
+            name: n,
+            data: r(a),
+            title: void 0
+          }
+        ],
+        enableGroup: o.value.enableGroup
+      };
+    const t = r(a).reduce((e, l) => {
+      const s = l.group || n;
+      return e[s] || (e[s] = []), e[s].push(l), e;
+    }, {});
+    return {
+      groupList: (o.value.sort ? Object.keys(t).sort(o.value.sort) : Object.keys(t)).map((e) => ({
+        name: e === n ? void 0 : e,
+        title: o.value.title,
+        data: t[e]
+      })),
+      enableGroup: o.value.enableGroup
+    };
+  });
+};
+export {
+  b as default
+};

package/es/conversations/index.mjs

@@ -0,0 +1,5 @@
+import o from "./Conversations.mjs";
+export {
+  o as Conversations,
+  o as default
+};

package/es/conversations/interface.mjs

@@ -0,0 +1 @@
+

package/es/conversations/style/index.mjs

@@ -0,0 +1,103 @@
+import "../../_util/cssinjs/StyleContext.mjs";
+import "vue";
+import { unit as r } from "../../_util/cssinjs/util.mjs";
+import "../../_util/cssinjs/theme/ThemeCache.mjs";
+import "../../_util/warning.mjs";
+import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
+import { genStyleHooks as e } from "../../theme/genStyleUtils.mjs";
+import { merge as l } from "../../_util/cssinjs-utils/util/statistic.mjs";
+const t = (o) => {
+  const { componentCls: i } = o;
+  return {
+    [i]: {
+      display: "flex",
+      flexDirection: "column",
+      gap: o.paddingXXS,
+      overflowY: "auto",
+      padding: o.paddingSM,
+      [`&${i}-rtl`]: {
+        direction: "rtl"
+      },
+      // 会话列表
+      [`& ${i}-list`]: {
+        display: "flex",
+        gap: o.paddingXXS,
+        flexDirection: "column",
+        paddingLeft: 0,
+        [`& ${i}-item`]: {
+          paddingInlineStart: o.paddingXL
+        },
+        [`& ${i}-label`]: {
+          color: o.colorTextDescription
+        }
+      },
+      // 会话列表项
+      [`& ${i}-item`]: {
+        display: "flex",
+        height: o.controlHeightLG,
+        minHeight: o.controlHeightLG,
+        gap: o.paddingXS,
+        padding: `0 ${r(o.paddingXS)}`,
+        alignItems: "center",
+        borderRadius: o.borderRadiusLG,
+        cursor: "pointer",
+        transition: `all ${o.motionDurationMid} ${o.motionEaseInOut}`,
+        // 悬浮样式
+        "&:hover": {
+          backgroundColor: o.colorBgTextHover
+        },
+        // 选中样式
+        "&-active": {
+          backgroundColor: o.colorBgTextHover,
+          [`& ${i}-label, ${i}-menu-icon`]: {
+            color: o.colorText
+          }
+        },
+        // 禁用样式
+        "&-disabled": {
+          cursor: "not-allowed",
+          [`& ${i}-label`]: {
+            color: o.colorTextDisabled
+          }
+        },
+        // 悬浮、选中时激活操作菜单
+        "&:hover, &-active": {
+          [`& ${i}-menu-icon`]: {
+            opacity: 1
+          }
+        }
+      },
+      // 会话名
+      [`& ${i}-label`]: {
+        flex: 1,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        color: o.colorText
+      },
+      // 会话操作菜单
+      [`& ${i}-menu-icon`]: {
+        opacity: 0,
+        fontSize: o.fontSizeXL
+      },
+      // 会话图标
+      [`& ${i}-group-title`]: {
+        display: "flex",
+        alignItems: "center",
+        height: o.controlHeightLG,
+        minHeight: o.controlHeightLG,
+        padding: `0 ${r(o.paddingXS)}`
+      }
+    }
+  };
+}, n = () => ({}), f = e(
+  "Conversations",
+  (o) => {
+    const i = l(o, {});
+    return t(i);
+  },
+  n
+);
+export {
+  f as default,
+  n as prepareComponentToken
+};

package/es/index.mjs

@@ -0,0 +1,38 @@
+import { defaultPrefixCls as o, default as r } from "./x-provider/hooks/use-x-provider-context.mjs";
+import { _ as f } from "./x-provider/index2.mjs";
+import { default as u } from "./bubble/index.mjs";
+import { default as l } from "./conversations/Conversations.mjs";
+import { default as x } from "./welcome/Welcome.mjs";
+import { default as n } from "./prompts/Prompts.mjs";
+import { default as h } from "./suggestion/Suggestion.mjs";
+import { default as g } from "./sender/index.mjs";
+import { default as b } from "./attachments/index.mjs";
+import { default as c } from "./thought-chain/ThoughtChain.mjs";
+import { default as A } from "./x-stream/x-stream.mjs";
+import { default as B } from "./x-request/x-fetch.mjs";
+import { default as F } from "./x-request/x-request.mjs";
+import { XAgent as R, default as T } from "./use-x-agent/use-x-agent.mjs";
+import { default as _ } from "./use-x-chat/use-x-chat.mjs";
+import { theme as k } from "ant-design-vue";
+import { default as y } from "./bubble/BubbleList.mjs";
+export {
+  b as Attachments,
+  u as Bubble,
+  y as BubbleList,
+  l as Conversations,
+  n as Prompts,
+  g as Sender,
+  h as Suggestion,
+  c as ThoughtChain,
+  x as Welcome,
+  R as XAgent,
+  B as XFetch,
+  f as XProvider,
+  F as XRequest,
+  A as XStream,
+  o as defaultPrefixCls,
+  k as theme,
+  T as useXAgent,
+  _ as useXChat,
+  r as useXProviderContext
+};

package/es/prompts/Prompts.mjs

@@ -0,0 +1,116 @@
+import { defineComponent as k, mergeDefaults as x, toRef as u, useSlots as g, computed as c, createVNode as a, mergeProps as I } from "vue";
+import { a as P, c as i } from "../attachments/Attachments2.mjs";
+import w from "./style/index.mjs";
+import S from "../x-provider/hooks/use-x-provider-context.mjs";
+import "../x-provider/context.mjs";
+import { Typography as L } from "ant-design-vue";
+import V from "../_util/hooks/use-x-component-config.mjs";
+const X = /* @__PURE__ */ k({
+  name: "AXPrompts",
+  __name: "Prompts",
+  props: x({
+    items: null,
+    title: null,
+    onItemClick: {
+      type: Function
+    },
+    vertical: {
+      type: Boolean
+    },
+    wrap: {
+      type: Boolean
+    },
+    styles: null,
+    classNames: null,
+    prefixCls: null,
+    rootClassName: null
+  }, {
+    styles: () => ({}),
+    classNames: () => ({})
+  }),
+  setup(e) {
+    const y = P(e, ["prefixCls", "title", "class", "items", "onItemClick", "vertical", "wrap", "rootClassName", "styles", "classNames", "style"]);
+    u(e, "class"), u(e, "prefixCls");
+    const n = g(), {
+      getPrefixCls: v,
+      direction: C
+    } = S(), t = v("prompts", e.prefixCls), l = V("prompts"), [d, N, $] = w(t), f = c(() => i(t, l.value.className, e.class, e.rootClassName, N.value, $, {
+      [`${t}-rtl`]: C.value === "rtl"
+    })), b = c(() => i(`${t}-list`, l.value.classNames.list, e.classNames.list, {
+      [`${t}-list-wrap`]: e.wrap
+    }, {
+      [`${t}-list-vertical`]: e.vertical
+    })), o = c(() => n.title ? n.title() : e.title);
+    return () => {
+      var r;
+      return d(a("div", I(y, {
+        class: f.value,
+        style: {
+          ...typeof e.style == "object" ? e.style : {},
+          ...typeof l.value.style == "object" ? l.value.style : {}
+        }
+      }), [o.value && a(L.Title, {
+        level: 5,
+        class: i(`${t}-title`, l.value.classNames.title, e.classNames.title),
+        style: {
+          ...l.value.styles.title,
+          ...e.styles.title
+        }
+      }, {
+        default: () => [o.value]
+      }), a("div", {
+        class: b.value,
+        style: {
+          ...l.value.styles.list,
+          ...e.styles.list
+        }
+      }, [(r = e.items) == null ? void 0 : r.map((s, h) => {
+        const m = s.children && s.children.length > 0;
+        return a("div", {
+          key: s.key || `key_${h}`,
+          style: {
+            ...l.value.styles.item,
+            ...e.styles.item
+          },
+          class: i(`${t}-item`, l.value.classNames.item, e.classNames.item, {
+            [`${t}-item-disabled`]: s.disabled,
+            [`${t}-item-has-nest`]: m
+          }),
+          onClick: () => {
+            !m && e.onItemClick && e.onItemClick({
+              data: s
+            });
+          }
+        }, [s.icon && a("div", {
+          class: `${t}-icon`
+        }, [s.icon]), a("div", {
+          class: i(`${t}-content`, l.value.classNames.itemContent, e.classNames.itemContent),
+          style: {
+            ...l.value.styles.itemContent,
+            ...e.styles.itemContent
+          }
+        }, [s.label && a("h6", {
+          class: `${t}-label`
+        }, [s.label]), s.description && a("p", {
+          class: `${t}-desc`
+        }, [s.description]), m && a(X, {
+          class: `${t}-nested`,
+          items: s.children,
+          vertical: !0,
+          onItemClick: e.onItemClick,
+          classNames: {
+            list: e.classNames.subList,
+            item: e.classNames.subItem
+          },
+          styles: {
+            list: e.styles.subList,
+            item: e.styles.subItem
+          }
+        }, null)])]);
+      })])]));
+    };
+  }
+});
+export {
+  X as default
+};

package/es/prompts/index.mjs

@@ -0,0 +1,5 @@
+import m from "./Prompts.mjs";
+export {
+  m as Prompts,
+  m as default
+};

package/es/prompts/interface.mjs

@@ -0,0 +1 @@
+