@ant-design/agentic-ui 2.0.10 → 2.0.12

package/dist/ChatLayout/style.js

@@ -22,7 +22,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   resetComponent,
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ChatLayout/types.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-import type { LayoutHeaderConfig } from '../components/LayoutHeader';
+import type { LayoutHeaderConfig } from '../Components/LayoutHeader';
 /**
  * ChatLayout 组件的属性接口
  */

package/dist/Components/ActionIconBox/index.js

@@ -0,0 +1,157 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/Components/ActionIconBox/index.tsx
+import { LoadingOutlined } from "@ant-design/icons";
+import { ConfigProvider, Tooltip } from "antd";
+import cx from "classnames";
+import { useMergedState } from "rc-util";
+import React, { useContext, useEffect, useMemo } from "react";
+import { useStyle } from "./style";
+var ActionIconBox = (props) => {
+  var _a, _b, _c, _d;
+  const [loading, setLoading] = useMergedState(false, {
+    value: props.loading,
+    onChange: props.onLoadingChange
+  });
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("md-editor-action-icon-box");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  useEffect(() => {
+    var _a2;
+    (_a2 = props.onInit) == null ? void 0 : _a2.call(props);
+  }, []);
+  const icon = useMemo(() => {
+    var _a2, _b2, _c2;
+    return loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : React.cloneElement(props.children, __spreadProps(__spreadValues({}, (_a2 = props == null ? void 0 : props.children) == null ? void 0 : _a2.props), {
+      style: __spreadValues(__spreadValues({}, (_c2 = (_b2 = props == null ? void 0 : props.children) == null ? void 0 : _b2.props) == null ? void 0 : _c2.style), props.iconStyle)
+    }));
+  }, [loading, props.loading, props == null ? void 0 : props.iconStyle]);
+  return wrapSSR(
+    props.title ? /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({ title: props.title, mouseEnterDelay: 1 }, props.tooltipProps), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "data-testid": props["data-testid"] || "action-icon-box",
+        role: "button",
+        tabIndex: 0,
+        "aria-label": (_a = props.title) == null ? void 0 : _a.toString(),
+        title: (_b = props.title) == null ? void 0 : _b.toString(),
+        className: cx(prefixCls, hashId, props.className, {
+          [`${prefixCls}-danger`]: props.type === "danger",
+          [`${prefixCls}-primary`]: props.type === "primary",
+          [`${prefixCls}-border-less`]: props.borderLess,
+          [`${prefixCls}-active`]: props.active,
+          [`${prefixCls}-transform`]: props.transform,
+          [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
+          [`${prefixCls}-noPadding`]: props.noPadding
+        }),
+        onClick: (e) => __async(void 0, null, function* () {
+          var _a2;
+          e.preventDefault();
+          if (!props.onClick)
+            return;
+          if (loading)
+            return;
+          setLoading(true);
+          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
+          setLoading(false);
+        }),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (!props.onClick)
+              return;
+            if (loading)
+              return;
+            props.onClick(e);
+          }
+        },
+        style: props.style
+      },
+      icon,
+      props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
+    )) : /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "data-testid": props["data-testid"] || "action-icon-box",
+        role: "button",
+        tabIndex: 0,
+        "aria-label": (_c = props.title) == null ? void 0 : _c.toString(),
+        title: (_d = props.title) == null ? void 0 : _d.toString(),
+        className: cx(prefixCls, hashId, props.className, {
+          [`${prefixCls}-danger`]: props.type === "danger",
+          [`${prefixCls}-primary`]: props.type === "primary",
+          [`${prefixCls}-border-less`]: props.borderLess,
+          [`${prefixCls}-active`]: props.active,
+          [`${prefixCls}-transform`]: props.transform,
+          [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
+          [`${prefixCls}-noPadding`]: props.noPadding
+        }),
+        onClick: (e) => __async(void 0, null, function* () {
+          var _a2;
+          e.preventDefault();
+          if (!props.onClick)
+            return;
+          if (loading)
+            return;
+          setLoading(true);
+          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
+          setLoading(false);
+        }),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (!props.onClick)
+              return;
+            if (loading)
+              return;
+            props.onClick(e);
+          }
+        },
+        style: props.style
+      },
+      icon,
+      props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
+    )
+  );
+};
+export {
+  ActionIconBox
+};

package/dist/Components/ActionIconBox/style.js

@@ -0,0 +1,117 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Components/ActionIconBox/style.ts
+import {
+  useEditorStyleRegister
+} from "../../Hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      minWidth: 28,
+      minHeight: 28,
+      lineHeight: 1,
+      display: "flex",
+      cursor: "pointer",
+      boxSizing: "border-box",
+      padding: 4,
+      alignItems: "center",
+      gap: 8,
+      justifyContent: "center",
+      borderRadius: "var(--radius-control-sm)",
+      fontSize: "1em",
+      color: "var(--color-gray-text-secondary)",
+      transition: "color 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+      "&-title": {
+        font: "var(--font-text-body-base)",
+        letterSpacing: "var(--letter-spacing-body-base, normal)",
+        color: "var(--color-gray-text-default)"
+      },
+      "&-light": {
+        "&:hover": {
+          background: "var(--color-gray-control-fill-active)",
+          boxSizing: "border-box"
+        }
+      },
+      "&-dark": {
+        color: "#fff",
+        "&:hover": {
+          background: "#444",
+          boxSizing: "border-box"
+        }
+      },
+      "&-active": {
+        color: "var(--color-gray-a9)"
+      },
+      "&-noPadding": {
+        padding: 0
+      },
+      "&-standalone": {
+        minWidth: "inherit",
+        minHeight: "inherit",
+        maxHeight: "inherit",
+        padding: "8px 12px",
+        color: "#000000",
+        borderRadius: 18,
+        border: "1px solid var(--color-gray-border-light)",
+        background: `radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%),radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(231, 211, 252, 0.0544) 59%, rgba(235, 255, 245, 0) 100%)`
+      },
+      "&-danger": {
+        "&:hover": {
+          color: token.colorError,
+          background: token.colorErrorBgHover
+        }
+      },
+      "&-primary": {
+        "&:hover": {
+          color: token.colorPrimary,
+          background: token.colorPrimaryBgHover
+        }
+      },
+      "&-border-less": {
+        height: "auto",
+        lineHeight: 1,
+        background: "none!important",
+        "&:hover": {
+          color: token.colorPrimary,
+          background: "none!important"
+        }
+      },
+      "&-transform": {
+        "&:hover": {
+          color: token.colorPrimary,
+          transform: "translateX(8px) scale(1.1)",
+          background: "none"
+        }
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useEditorStyleRegister("ActionIconBox", (token) => {
+    const proChatToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(proChatToken)];
+  });
+}
+export {
+  useStyle
+};

package/dist/Components/ActionItemBox/ActionItemBox.js

@@ -0,0 +1,162 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/Components/ActionItemBox/ActionItemBox.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import { motion } from "framer-motion";
+import React, { useContext, useEffect } from "react";
+import { useStyle } from "./style";
+var ActionItemBox = (props) => {
+  var _a, _b;
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const basePrefixCls = getPrefixCls("agent-chat-action-item-box");
+  const { wrapSSR, hashId } = useStyle(basePrefixCls);
+  useEffect(() => {
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onInit) == null ? void 0 : _a2.call(props);
+  }, []);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      motion.div,
+      {
+        initial: "hidden",
+        animate: "visible",
+        style: __spreadValues({
+          flex: props.size ? "none" : 1,
+          display: "flex",
+          height: "min-content"
+        }, props.style),
+        variants: {
+          hidden: { x: -10, opacity: 0 },
+          visible: {
+            x: 0,
+            opacity: 1
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(
+            `${basePrefixCls}-container`,
+            {
+              [`${basePrefixCls}-container-${props.size}`]: props.size,
+              [`${basePrefixCls}-container-hover-bg`]: (_a = props.hoverBg) != null ? _a : true
+            },
+            hashId
+          )
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            onClick: props.disabled ? void 0 : props.onClick,
+            className: classNames(basePrefixCls, hashId, {
+              [`${basePrefixCls}-${props.size}`]: props.size,
+              [`${basePrefixCls}-has-icon`]: !!props.icon && !props.compact,
+              [`${basePrefixCls}-standalone`]: props.standalone,
+              [`${basePrefixCls}-compact`]: props.compact,
+              [`${basePrefixCls}-hover-bg`]: (_b = props.hoverBg) != null ? _b : true,
+              [`${basePrefixCls}-disabled`]: props.disabled
+            })
+          },
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                display: "flex",
+                gap: props.size === "small" ? 4 : 12,
+                alignItems: "center",
+                maxWidth: "100%",
+                flex: 1,
+                minWidth: 0
+              }
+            },
+            props.icon && !props.compact ? /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                style: {
+                  width: props.iconSize || 24,
+                  height: props.iconSize || 24,
+                  minWidth: props.iconSize || 24,
+                  minHeight: props.iconSize || 24
+                },
+                className: classNames(
+                  `${basePrefixCls}-icon`,
+                  {
+                    [`${basePrefixCls}-icon-${props.size}`]: props.size
+                  },
+                  hashId
+                )
+              },
+              props.icon.startsWith("http") ? /* @__PURE__ */ React.createElement(
+                "img",
+                {
+                  src: props.icon,
+                  alt: "action-box-icon",
+                  style: {
+                    height: "100%",
+                    maxWidth: props.iconSize || 24,
+                    maxHeight: props.iconSize || 24
+                  }
+                }
+              ) : /* @__PURE__ */ React.createElement(
+                "span",
+                {
+                  style: {
+                    fontSize: 16,
+                    fontWeight: 500
+                  }
+                },
+                props.icon
+              )
+            ) : null,
+            /* @__PURE__ */ React.createElement("div", { className: classNames(`${basePrefixCls}-content`, hashId) }, /* @__PURE__ */ React.createElement(
+              "span",
+              {
+                className: classNames(
+                  `${basePrefixCls}-content-title`,
+                  hashId,
+                  {
+                    [`${basePrefixCls}-content-title-no-description`]: !props.description
+                  }
+                )
+              },
+              props.title
+            ), props.description && !props.compact ? /* @__PURE__ */ React.createElement(
+              "span",
+              {
+                className: classNames(
+                  `${basePrefixCls}-content-description`,
+                  hashId
+                ),
+                style: {
+                  maxWidth: `310px`
+                }
+              },
+              props.description
+            ) : null)
+          )
+        )
+      )
+    )
+  );
+};
+ActionItemBox.displayName = "ActionItemBox";
+export {
+  ActionItemBox
+};

package/dist/Components/ActionItemBox/index.js

@@ -0,0 +1,7 @@
+// src/Components/ActionItemBox/index.ts
+import { ActionItemBox } from "./ActionItemBox";
+import { useStyle } from "./style";
+export {
+  ActionItemBox,
+  useStyle
+};