@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/Components/Loading/index.js

@@ -0,0 +1,184 @@
+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/Loading/index.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import { motion } from "framer-motion";
+import React, { useContext } from "react";
+import { useStyle } from "./style";
+var Loading = (props) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("loading-container");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadValues({
+        className: classNames(prefixCls, hashId),
+        "data-testid": "loading-container"
+      }, props),
+      /* @__PURE__ */ React.createElement("svg", { width: "0", height: "0", style: { position: "absolute" } }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "gradient", x1: "60%", y1: "0%", x2: "0%", y2: "100%" }, /* @__PURE__ */ React.createElement("stop", { offset: "0%", stopColor: "#5EF050", stopOpacity: "1" }), /* @__PURE__ */ React.createElement("stop", { offset: "20%", stopColor: "#37ABFF", stopOpacity: "1" }), /* @__PURE__ */ React.createElement("stop", { offset: "55%", stopColor: "#D7B9FF", stopOpacity: "0.95" }), /* @__PURE__ */ React.createElement("stop", { offset: "75%", stopColor: "#D7B9FF", stopOpacity: "1" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "gradient1", x1: "60%", y1: "0%", x2: "0%", y2: "100%" }, /* @__PURE__ */ React.createElement("stop", { offset: "0%", stopColor: "#5EF050", stopOpacity: "1" }), /* @__PURE__ */ React.createElement("stop", { offset: "20%", stopColor: "#37ABFF", stopOpacity: "1" }), /* @__PURE__ */ React.createElement("stop", { offset: "55%", stopColor: "#D7B9FF", stopOpacity: "0.95" }), /* @__PURE__ */ React.createElement("stop", { offset: "75%", stopColor: "#D7B9FF", stopOpacity: "0.05" })))),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: __spreadProps(__spreadValues({}, props.style), {
+            width: "1em",
+            height: "1em"
+          })
+        },
+        /* @__PURE__ */ React.createElement(
+          motion.svg,
+          {
+            width: "1em",
+            height: "1em",
+            viewBox: "0 0 100 100",
+            style: { position: "absolute" },
+            animate: {
+              rotate: [-360, 0]
+              // wrapper2 逆时针旋转渐变
+            },
+            transition: {
+              duration: 3,
+              ease: "linear",
+              repeat: Infinity,
+              repeatType: "loop"
+            }
+          },
+          /* @__PURE__ */ React.createElement(
+            motion.ellipse,
+            {
+              cx: "50",
+              cy: "50",
+              fill: "none",
+              stroke: "url(#gradient1)",
+              strokeWidth: "10",
+              style: { transformOrigin: "center center" },
+              animate: {
+                // 旋转动画：rotation: 300 → (300-25-90=185) → (185+180=365) → (365-25-40=300)
+                rotate: [300, 185, 365, 300],
+                // rx 动画：12 → 0 → 16 → 0 → 8 → 0 → 28 → 0 → 12
+                rx: [12, 0, 16, 0, 8, 0, 28, 0, 12],
+                ry: 32
+                // 保持固定
+              },
+              transition: {
+                rotate: {
+                  duration: 3,
+                  ease: "linear",
+                  times: [0, 0.4167, 0.7667, 1],
+                  // 1.25/3, 2.3/3, 1
+                  repeat: Infinity,
+                  repeatType: "loop"
+                },
+                rx: {
+                  duration: 3,
+                  ease: "linear",
+                  times: [
+                    0,
+                    0.15,
+                    0.2567,
+                    0.4167,
+                    0.5,
+                    0.5333,
+                    0.6667,
+                    0.7667,
+                    1
+                  ],
+                  repeat: Infinity,
+                  repeatType: "loop"
+                }
+              }
+            }
+          )
+        ),
+        /* @__PURE__ */ React.createElement(
+          motion.svg,
+          {
+            width: "1em",
+            height: "1em",
+            viewBox: "0 0 100 100",
+            style: { position: "absolute" },
+            animate: {
+              rotate: [0, -360]
+              // wrapper1 顺时针旋转渐变
+            },
+            transition: {
+              duration: 3,
+              ease: "linear",
+              repeat: Infinity,
+              repeatType: "loop"
+            }
+          },
+          /* @__PURE__ */ React.createElement(
+            motion.ellipse,
+            {
+              cx: "50",
+              cy: "50",
+              fill: "none",
+              stroke: "url(#gradient)",
+              strokeWidth: "10",
+              style: { transformOrigin: "center center" },
+              animate: {
+                // 旋转动画：rotation: 30 → (30-30-30-15-90-45=-180) → (-180+30+30+30+120=30)
+                rotate: [30, -280, 30],
+                // rx 动画：32 → 0 → 8 → 0 → 24 → 0 → 16 → 0 → 30 → 32
+                rx: [32, 0, 8, 0, 24, 0, 16, 0, 30, 32],
+                ry: 32
+                // 保持固定
+              },
+              transition: {
+                rotate: {
+                  duration: 3,
+                  ease: "linear",
+                  times: [0, 0.5267, 1],
+                  // 1.58/3, 1
+                  repeat: Infinity,
+                  repeatType: "loop"
+                },
+                rx: {
+                  duration: 3,
+                  ease: "linear",
+                  times: [
+                    0,
+                    0.2567,
+                    0.3467,
+                    0.38,
+                    0.4867,
+                    0.5967,
+                    0.7067,
+                    0.8167,
+                    0.9433,
+                    1
+                  ],
+                  repeat: Infinity,
+                  repeatType: "loop"
+                }
+              }
+            }
+          )
+        )
+      )
+    )
+  );
+};
+export {
+  Loading
+};

package/dist/Components/Loading/style.js

@@ -0,0 +1,46 @@
+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/Loading/style.ts
+import {
+  useEditorStyleRegister
+} from "../../Hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      position: "relative",
+      zIndex: 0
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useEditorStyleRegister("loading", (token) => {
+    const loadingToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(loadingToken)];
+  });
+}
+export {
+  useStyle
+};

package/dist/Components/Robot/index.js

@@ -0,0 +1,66 @@
+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/Robot/index.tsx
+import classNames from "classnames";
+import { isString } from "lodash-es";
+import React from "react";
+import { DazingLottie, ThinkingLottie } from "./lotties";
+export * from "./lotties";
+var Robot = ({
+  icon,
+  size = 42,
+  status,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: classNames(className),
+      style: React.isValidElement(icon) ? __spreadValues({
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+      }, style) : __spreadValues({
+        width: size,
+        height: size,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+      }, style)
+    },
+    React.isValidElement(icon) ? icon : icon && isString(icon) ? /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        style: {
+          width: "100%",
+          height: "100%"
+        },
+        src: icon
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, status === "running" ? /* @__PURE__ */ React.createElement(ThinkingLottie, { size }) : /* @__PURE__ */ React.createElement(DazingLottie, { size }))
+  );
+};
+var Robot_default = React.memo(Robot);
+export {
+  Robot_default as default
+};

package/dist/Components/Robot/lotties/DazingLottie/index.js

@@ -0,0 +1,52 @@
+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/Robot/lotties/DazingLottie/index.tsx
+import Lottie from "lottie-react";
+import React from "react";
+import dazingLottie from "./dazing.json";
+var DazingLottie = ({
+  autoplay = true,
+  loop = true,
+  className,
+  style,
+  size
+}) => {
+  const containerStyle = __spreadValues({
+    width: size,
+    height: size,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }, style);
+  return /* @__PURE__ */ React.createElement(
+    Lottie,
+    {
+      style: containerStyle,
+      className,
+      "aria-hidden": "true",
+      animationData: dazingLottie,
+      loop,
+      autoplay
+    }
+  );
+};
+var DazingLottie_default = DazingLottie;
+export {
+  DazingLottie,
+  DazingLottie_default as default
+};

package/dist/Components/Robot/lotties/ThinkingLottie/index.js

@@ -0,0 +1,52 @@
+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/Robot/lotties/ThinkingLottie/index.tsx
+import Lottie from "lottie-react";
+import React from "react";
+import thinkingLottie from "./thinking.json";
+var ThinkingLottie = ({
+  autoplay = true,
+  loop = true,
+  className,
+  style,
+  size
+}) => {
+  const containerStyle = __spreadValues({
+    width: size,
+    height: size,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }, style);
+  return /* @__PURE__ */ React.createElement(
+    Lottie,
+    {
+      style: containerStyle,
+      className,
+      "aria-hidden": "true",
+      animationData: thinkingLottie,
+      loop,
+      autoplay
+    }
+  );
+};
+var ThinkingLottie_default = ThinkingLottie;
+export {
+  ThinkingLottie,
+  ThinkingLottie_default as default
+};

package/dist/Components/Robot/lotties/index.js

@@ -0,0 +1,3 @@
+// src/Components/Robot/lotties/index.ts
+export * from "./DazingLottie";
+export * from "./ThinkingLottie";

package/dist/Components/SuggestionList/index.js

@@ -0,0 +1,195 @@
+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/SuggestionList/index.tsx
+import { RefreshCcw, SwapRight } from "@sofa-design/icons";
+import { ConfigProvider, Tooltip } from "antd";
+import classNames from "classnames";
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { I18nContext } from "../../I18n";
+import { useStyle } from "./style";
+var OverflowTooltip = ({ children, title, prefixCls, hashId, forceShow = false }) => {
+  const textRef = useRef(null);
+  const [isOverflowing, setIsOverflowing] = useState(false);
+  const checkOverflow = useCallback(() => {
+    if (textRef.current) {
+      const { scrollWidth, clientWidth } = textRef.current;
+      const overflowing = scrollWidth > clientWidth;
+      setIsOverflowing(overflowing);
+    }
+  }, []);
+  useEffect(() => {
+    checkOverflow();
+    window.addEventListener("resize", checkOverflow);
+    return () => window.removeEventListener("resize", checkOverflow);
+  }, [children, checkOverflow]);
+  useEffect(() => {
+    if (!textRef.current)
+      return;
+    if (typeof MutationObserver === "undefined")
+      return;
+    const observer = new MutationObserver(checkOverflow);
+    observer.observe(textRef.current, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    return () => observer.disconnect();
+  }, [checkOverflow]);
+  const shouldShowTooltip = forceShow || isOverflowing;
+  if (!shouldShowTooltip) {
+    return /* @__PURE__ */ React.createElement("span", { ref: textRef, className: classNames(`${prefixCls}-label`, hashId) }, children);
+  }
+  return /* @__PURE__ */ React.createElement(Tooltip, { mouseEnterDelay: 0.3, title, placement: "top" }, /* @__PURE__ */ React.createElement("span", { ref: textRef, className: classNames(`${prefixCls}-label`, hashId) }, children));
+};
+var SuggestionList = ({
+  className,
+  style,
+  items,
+  onItemClick,
+  layout = "vertical",
+  maxItems = 6,
+  type = "basic",
+  showMore
+}) => {
+  const context = useContext(ConfigProvider.ConfigContext);
+  const { locale } = useContext(I18nContext);
+  const prefixCls = context == null ? void 0 : context.getPrefixCls("follow-up");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const [submitting, setSubmitting] = useState(false);
+  const derivedItems = useMemo(() => {
+    if (Array.isArray(items) && items.length > 0)
+      return items.slice(0, maxItems);
+    return [];
+  }, [items, maxItems]);
+  const rootCls = classNames(
+    prefixCls,
+    className,
+    hashId,
+    `${prefixCls}-${layout}`,
+    `${prefixCls}-${type}`
+  );
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: rootCls,
+        style,
+        role: "group",
+        "aria-label": (locale == null ? void 0 : locale["suggestion.area"]) || "追问区域"
+      },
+      (derivedItems == null ? void 0 : derivedItems.length) > 0 ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${prefixCls}-suggestions`, hashId, {
+            [`${prefixCls}-suggestions-${layout}`]: layout
+          }),
+          "aria-label": (locale == null ? void 0 : locale["suggestion.label"]) || "追问建议"
+        },
+        (showMore == null ? void 0 : showMore.enable) ? /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: classNames(`${prefixCls}-more`, hashId),
+            "aria-label": (showMore == null ? void 0 : showMore.text) || (locale == null ? void 0 : locale["suggestion.searchMore"]) || "搜索更多"
+          },
+          /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-more-text`, hashId) }, (showMore == null ? void 0 : showMore.text) || (locale == null ? void 0 : locale["suggestion.searchMore"]) || "搜索更多"),
+          /* @__PURE__ */ React.createElement(
+            "span",
+            {
+              className: classNames(`${prefixCls}-more-icon`, hashId),
+              role: "button",
+              onClick: () => {
+                var _a;
+                return (_a = showMore == null ? void 0 : showMore.onClick) == null ? void 0 : _a.call(showMore);
+              },
+              "aria-hidden": true
+            },
+            (showMore == null ? void 0 : showMore.icon) || /* @__PURE__ */ React.createElement(RefreshCcw, { width: 14, height: 14 })
+          )
+        ) : null,
+        derivedItems == null ? void 0 : derivedItems.map((item) => {
+          var _a, _b, _c;
+          const label = typeof (item == null ? void 0 : item.text) === "string" ? item == null ? void 0 : item.text : void 0;
+          const isDisabled = submitting || (item == null ? void 0 : item.disabled);
+          const handleClick = () => __async(void 0, null, function* () {
+            if (isDisabled)
+              return;
+            try {
+              setSubmitting(true);
+              if (item == null ? void 0 : item.onClick) {
+                yield item == null ? void 0 : item.onClick(label != null ? label : "");
+              } else {
+                yield onItemClick == null ? void 0 : onItemClick(label != null ? label : "");
+              }
+            } finally {
+              setSubmitting(false);
+            }
+          });
+          return /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              key: (_a = item == null ? void 0 : item.key) != null ? _a : label,
+              role: "button",
+              className: classNames(`${prefixCls}-suggestion`, hashId, {
+                [`${prefixCls}-suggestion-disabled`]: isDisabled
+              }),
+              onClick: handleClick,
+              "aria-label": `${(locale == null ? void 0 : locale["suggestion.select"]) || "选择建议"}：${label || (locale == null ? void 0 : locale["suggestion.followUp"]) || "追问"}`
+            },
+            (item == null ? void 0 : item.icon) ? /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-icon`, hashId) }, item == null ? void 0 : item.icon) : null,
+            /* @__PURE__ */ React.createElement(
+              OverflowTooltip,
+              {
+                title: (_c = (_b = item == null ? void 0 : item.tooltip) != null ? _b : label) != null ? _c : "",
+                prefixCls,
+                hashId,
+                forceShow: !!(item == null ? void 0 : item.tooltip)
+              },
+              item == null ? void 0 : item.text
+            ),
+            /* @__PURE__ */ React.createElement(
+              "span",
+              {
+                className: classNames(`${prefixCls}-arrow`, hashId, {
+                  [`${prefixCls}-arrow-action`]: item.actionIcon
+                }),
+                "aria-hidden": true
+              },
+              item.actionIcon ? item.actionIcon : /* @__PURE__ */ React.createElement(SwapRight, { width: 16, height: 16 })
+            )
+          );
+        })
+      ) : null
+    )
+  );
+};
+var SuggestionList_default = SuggestionList;
+export {
+  SuggestionList,
+  SuggestionList_default as default
+};