@ant-design/agentic-ui 2.0.0

package/dist/components/lotties/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DazingLottie';
+export * from './ThinkingLottie';

package/dist/components/lotties/index.js

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

package/dist/constants/colors.d.ts

@@ -0,0 +1,104 @@
+/**
+ * 项目统一的颜色配置
+ * 集中管理所有颜色值，避免重复定义
+ */
+export declare const COLORS: {
+    readonly blue: {
+        readonly primary: "#1677ff";
+        readonly light: "#D6EEFF";
+        readonly border: "#E6ECF4";
+        readonly dark: "#19213D";
+        readonly contrast: "#FFFFFF";
+    };
+    readonly gray: {
+        readonly text: "#343A45";
+        readonly light: "#FBFCFD";
+        readonly border: "#E6ECF4";
+        readonly background: "#f0f0f0";
+        readonly card: "#FFFFFF";
+    };
+    readonly red: {
+        readonly error: "#FF4141";
+        readonly light: "#FFEDEC";
+        readonly border: "#f97583";
+        readonly background: "#ffeaea";
+    };
+    readonly green: {
+        readonly success: "#52c41a";
+        readonly light: "#f6ffed";
+        readonly dark: "#00B341";
+    };
+    readonly orange: {
+        readonly warning: "#faad14";
+        readonly light: "#fff7e6";
+        readonly border: "#ffd591";
+    };
+    readonly status: {
+        readonly info: "#1890ff";
+        readonly success: "#52c41a";
+        readonly warning: "#faad14";
+        readonly error: "#ff4d4f";
+        readonly processing: "#1890ff";
+    };
+    readonly border: {
+        readonly light: "#E6ECF4";
+        readonly default: "#d9d9d9";
+        readonly dark: "#bfbfbf";
+    };
+    readonly background: {
+        readonly light: "#FBFCFD";
+        readonly default: "#FFFFFF";
+        readonly dark: "#f5f5f5";
+        readonly error: "#FFEDEC";
+        readonly success: "#f6ffed";
+        readonly warning: "#fff7e6";
+    };
+};
+export declare const blue: {
+    readonly primary: "#1677ff";
+    readonly light: "#D6EEFF";
+    readonly border: "#E6ECF4";
+    readonly dark: "#19213D";
+    readonly contrast: "#FFFFFF";
+}, gray: {
+    readonly text: "#343A45";
+    readonly light: "#FBFCFD";
+    readonly border: "#E6ECF4";
+    readonly background: "#f0f0f0";
+    readonly card: "#FFFFFF";
+}, red: {
+    readonly error: "#FF4141";
+    readonly light: "#FFEDEC";
+    readonly border: "#f97583";
+    readonly background: "#ffeaea";
+}, green: {
+    readonly success: "#52c41a";
+    readonly light: "#f6ffed";
+    readonly dark: "#00B341";
+}, orange: {
+    readonly warning: "#faad14";
+    readonly light: "#fff7e6";
+    readonly border: "#ffd591";
+}, status: {
+    readonly info: "#1890ff";
+    readonly success: "#52c41a";
+    readonly warning: "#faad14";
+    readonly error: "#ff4d4f";
+    readonly processing: "#1890ff";
+}, border: {
+    readonly light: "#E6ECF4";
+    readonly default: "#d9d9d9";
+    readonly dark: "#bfbfbf";
+}, background: {
+    readonly light: "#FBFCFD";
+    readonly default: "#FFFFFF";
+    readonly dark: "#f5f5f5";
+    readonly error: "#FFEDEC";
+    readonly success: "#f6ffed";
+    readonly warning: "#fff7e6";
+};
+export declare const PRIMARY_COLOR: "#1677ff", LIGHT_BLUE: "#D6EEFF", BORDER_COLOR: "#E6ECF4", DARK_BLUE: "#19213D", CONTRAST_COLOR: "#FFFFFF";
+export declare const TEXT_COLOR: "#343A45", LIGHT_GRAY: "#FBFCFD", CARD_COLOR: "#FFFFFF";
+export declare const ERROR_COLOR: "#FF4141", ERROR_LIGHT: "#FFEDEC";
+export declare const SUCCESS_COLOR: "#52c41a", SUCCESS_LIGHT: "#f6ffed";
+export declare const WARNING_COLOR: "#faad14", WARNING_LIGHT: "#fff7e6";

package/dist/constants/colors.js

@@ -0,0 +1,98 @@
+// src/constants/colors.ts
+var COLORS = {
+  // 蓝色系
+  blue: {
+    primary: "#1677ff",
+    light: "#D6EEFF",
+    border: "#E6ECF4",
+    dark: "#19213D",
+    contrast: "#FFFFFF"
+  },
+  // 灰色系
+  gray: {
+    text: "#343A45",
+    light: "#FBFCFD",
+    border: "#E6ECF4",
+    background: "#f0f0f0",
+    card: "#FFFFFF"
+  },
+  // 红色系
+  red: {
+    error: "#FF4141",
+    light: "#FFEDEC",
+    border: "#f97583",
+    background: "#ffeaea"
+  },
+  // 绿色系
+  green: {
+    success: "#52c41a",
+    light: "#f6ffed",
+    dark: "#00B341"
+  },
+  // 橙色系
+  orange: {
+    warning: "#faad14",
+    light: "#fff7e6",
+    border: "#ffd591"
+  },
+  // 状态颜色
+  status: {
+    info: "#1890ff",
+    success: "#52c41a",
+    warning: "#faad14",
+    error: "#ff4d4f",
+    processing: "#1890ff"
+  },
+  // 边框颜色
+  border: {
+    light: "#E6ECF4",
+    default: "#d9d9d9",
+    dark: "#bfbfbf"
+  },
+  // 背景颜色
+  background: {
+    light: "#FBFCFD",
+    default: "#FFFFFF",
+    dark: "#f5f5f5",
+    error: "#FFEDEC",
+    success: "#f6ffed",
+    warning: "#fff7e6"
+  }
+};
+var { blue, gray, red, green, orange, status, border, background } = COLORS;
+var {
+  primary: PRIMARY_COLOR,
+  light: LIGHT_BLUE,
+  border: BORDER_COLOR,
+  dark: DARK_BLUE,
+  contrast: CONTRAST_COLOR
+} = blue;
+var { text: TEXT_COLOR, light: LIGHT_GRAY, card: CARD_COLOR } = gray;
+var { error: ERROR_COLOR, light: ERROR_LIGHT } = red;
+var { success: SUCCESS_COLOR, light: SUCCESS_LIGHT } = green;
+var { warning: WARNING_COLOR, light: WARNING_LIGHT } = orange;
+export {
+  BORDER_COLOR,
+  CARD_COLOR,
+  COLORS,
+  CONTRAST_COLOR,
+  DARK_BLUE,
+  ERROR_COLOR,
+  ERROR_LIGHT,
+  LIGHT_BLUE,
+  LIGHT_GRAY,
+  PRIMARY_COLOR,
+  SUCCESS_COLOR,
+  SUCCESS_LIGHT,
+  TEXT_COLOR,
+  WARNING_COLOR,
+  WARNING_LIGHT,
+  background,
+  blue,
+  border,
+  gray,
+  green,
+  orange,
+  red,
+  status
+};

package/dist/hooks/useAutoScroll.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+declare const SCROLL_TOLERANCE = 20;
+/**
+ * useAutoScroll Hook - 自动滚动 Hook
+ *
+ * 该 Hook 提供自动滚动功能，当容器内容增加时自动滚动到底部。
+ * 支持用户滚动锁定检测、DOM 变化监听、手动滚动等功能。
+ *
+ * @description 自动滚动 Hook，提供智能滚动到底部功能
+ * @template T - HTMLDivElement 类型
+ * @param {Object} props - Hook 配置参数
+ * @param {number} [props.SCROLL_TOLERANCE=20] - 滚动到底部的容差阈值
+ * @param {(size: {width: number, height: number}) => void} [props.onResize] - 容器尺寸变化回调
+ * @param {any[]} [props.deps] - 依赖数组，用于重新初始化 MutationObserver
+ * @param {number} [props.timeout=160] - 节流时间间隔（毫秒）
+ *
+ * @example
+ * ```tsx
+ * const { containerRef, scrollToBottom } = useAutoScroll({
+ *   SCROLL_TOLERANCE: 30,
+ *   onResize: () => {},
+ *   timeout: 200
+ * });
+ *
+ * @returns {Object} Hook 返回值
+ * @returns {React.RefObject<T>} returns.containerRef - 容器引用
+ * @returns {() => void} returns.scrollToBottom - 手动滚动到底部方法
+ *
+ * @remarks
+ * - 自动检测内容变化并滚动到底部
+ * - 支持用户滚动锁定检测
+ * - 使用 MutationObserver 监听 DOM 变化
+ * - 提供节流功能避免频繁滚动
+ * - 支持手动触发滚动
+ * - 智能判断是否应该自动滚动
+ * - 提供容器尺寸变化回调
+ */
+export declare const useAutoScroll: <T extends HTMLDivElement>(props?: {
+    SCROLL_TOLERANCE?: number | undefined;
+    onResize?: ((size: {
+        width: number;
+        height: number;
+    }) => void) | undefined;
+    deps?: any[] | undefined;
+    timeout?: number | undefined;
+}) => {
+    readonly containerRef: import("react").MutableRefObject<T | null>;
+    readonly scrollToBottom: () => void;
+};
+export default useAutoScroll;

package/dist/hooks/useAutoScroll.js

@@ -0,0 +1,90 @@
+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/hooks/useAutoScroll.tsx
+import { useEffect, useRef } from "react";
+import { useThrottleFn } from "./useThrottleFn";
+var SCROLL_TOLERANCE = 20;
+var useAutoScroll = (props = {
+  SCROLL_TOLERANCE
+}) => {
+  const containerRef = useRef(null);
+  const lastScrollHeight = useRef(0);
+  const isLocked = useRef(false);
+  const observer = useRef(null);
+  const _checkScroll = (force = false) => __async(void 0, null, function* () {
+    var _a, _b;
+    const container = containerRef.current;
+    if (!container)
+      return;
+    (_a = props.onResize) == null ? void 0 : _a.call(props, {
+      width: container.clientWidth,
+      height: container.clientHeight
+    });
+    const currentScrollHeight = container.scrollHeight;
+    const prevScrollHeight = lastScrollHeight.current;
+    const isNearBottom = container.scrollTop + container.clientHeight >= prevScrollHeight - ((props == null ? void 0 : props.SCROLL_TOLERANCE) || SCROLL_TOLERANCE);
+    const shouldScroll = force || currentScrollHeight > prevScrollHeight && (isNearBottom || isLocked.current);
+    if (shouldScroll && container.scrollTo) {
+      (_b = container.scrollTo) == null ? void 0 : _b.call(container, {
+        top: currentScrollHeight,
+        behavior: "smooth"
+      });
+      isLocked.current = false;
+    }
+    lastScrollHeight.current = currentScrollHeight;
+  });
+  const checkScroll = useThrottleFn(_checkScroll, props.timeout || 160);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container)
+      return;
+    observer.current = new MutationObserver((mutations) => {
+      const hasAddedNodes = mutations.some((m) => m.addedNodes.length > 0);
+      if (hasAddedNodes)
+        checkScroll == null ? void 0 : checkScroll();
+    });
+    observer.current.observe(container, {
+      childList: true,
+      // 监听子元素变化
+      subtree: true,
+      // 监听所有后代
+      attributes: false,
+      characterData: false
+    });
+    return () => {
+      var _a;
+      return (_a = observer.current) == null ? void 0 : _a.disconnect();
+    };
+  }, [...props.deps || []]);
+  const scrollToBottom = () => {
+    checkScroll == null ? void 0 : checkScroll(true);
+  };
+  return {
+    containerRef,
+    scrollToBottom
+  };
+};
+var useAutoScroll_default = useAutoScroll;
+export {
+  useAutoScroll_default as default,
+  useAutoScroll
+};

package/dist/hooks/useClickAway.d.ts

@@ -0,0 +1,36 @@
+/**
+ * useClickAway Hook - 点击外部区域检测 Hook
+ *
+ * 该 Hook 用于检测用户是否点击了指定元素外部的区域，常用于实现下拉菜单、
+ * 弹出层等组件的自动关闭功能。
+ *
+ * @description 点击外部区域检测 Hook，用于实现组件外部点击关闭功能
+ * @param {Function} callback - 点击外部区域时的回调函数
+ * @param {React.RefObject<HTMLDivElement>} ref - 被监听的元素引用
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<HTMLDivElement>(null);
+ *
+ * useClickAway(() => {
+ *   console.log('点击了外部区域');
+ *   setOpen(false);
+ * }, ref);
+ *
+ * return (
+ *   <div ref={ref}>
+ *     <button onClick={() => setOpen(true)}>打开菜单</button>
+ *     {open && <div>菜单内容</div>}
+ *   </div>
+ * );
+ * ```
+ *
+ * @remarks
+ * - 自动监听全局 mousedown 事件
+ * - 智能判断点击目标是否在指定元素内部
+ * - 支持父节点包含检测
+ * - 组件卸载时自动清理事件监听
+ * - 适用于下拉菜单、弹出层等场景
+ */
+export declare const useClickAway: (callback: any, ref: React.RefObject<HTMLDivElement>) => void;
+export default useClickAway;

package/dist/hooks/useClickAway.js

@@ -0,0 +1,23 @@
+// src/hooks/useClickAway.ts
+import { useEffect } from "react";
+var EVENT = "mousedown";
+var useClickAway = (callback, ref) => {
+  useEffect(() => {
+    const listener = (event) => {
+      var _a;
+      if (!ref || !ref.current || ref.current.contains(event.target) || ((_a = ref.current.parentNode) == null ? void 0 : _a.contains(event.target))) {
+        return;
+      }
+      callback(event);
+    };
+    document.addEventListener(EVENT, listener);
+    return () => {
+      document.removeEventListener(EVENT, listener);
+    };
+  }, [ref, callback]);
+};
+var useClickAway_default = useClickAway;
+export {
+  useClickAway_default as default,
+  useClickAway
+};

package/dist/hooks/useCopied.d.ts

@@ -0,0 +1,4 @@
+export declare const useCopied: () => {
+    copied: boolean;
+    setCopied: () => void;
+};

package/dist/hooks/useCopied.js

@@ -0,0 +1,22 @@
+// src/hooks/useCopied.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+var useCopied = () => {
+  const [copied, setCopy] = useState(false);
+  useEffect(() => {
+    if (!copied)
+      return;
+    const timer = setTimeout(() => {
+      setCopy(false);
+    }, 1e3);
+    return () => {
+      if (typeof clearTimeout !== "undefined") {
+        clearTimeout(timer);
+      }
+    };
+  }, [copied]);
+  const setCopied = useCallback(() => setCopy(true), []);
+  return useMemo(() => ({ copied, setCopied }), [copied]);
+};
+export {
+  useCopied
+};

package/dist/hooks/useDebounceFn/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 一个去抖的 hook，传入一个 function，返回一个去抖后的 function
+ * @param  {(...args:T) => Promise<any>} fn
+ * @param  {number} wait?
+ */
+export declare function useDebounceFn<T extends any[], U = any>(fn: (...args: T) => Promise<any>, wait?: number): {
+    run: (...args: any) => Promise<U | undefined>;
+    cancel: () => void;
+};

package/dist/hooks/useDebounceFn/index.js

@@ -0,0 +1,59 @@
+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/hooks/useDebounceFn/index.ts
+import { useCallback, useEffect, useRef } from "react";
+import { useRefFunction } from "../useRefFunction";
+function useDebounceFn(fn, wait) {
+  const callback = useRefFunction(fn);
+  const timer = useRef();
+  const cancel = useCallback(() => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  }, []);
+  const run = useCallback(
+    (...args) => __async(this, null, function* () {
+      if (wait === 0 || wait === void 0) {
+        return callback(...args);
+      }
+      cancel();
+      return new Promise((resolve) => {
+        timer.current = setTimeout(() => __async(this, null, function* () {
+          resolve(yield callback(...args));
+          return;
+        }), wait);
+      });
+    }),
+    [callback, cancel, wait]
+  );
+  useEffect(() => {
+    return cancel;
+  }, [cancel]);
+  return {
+    run,
+    cancel
+  };
+}
+export {
+  useDebounceFn
+};