@ant-design/agentic-ui 2.0.17 → 2.0.20

package/dist/Components/lotties/ShinyText/index.d.ts

@@ -0,0 +1,69 @@
+import React from 'react';
+export interface ShinyTextProps {
+    /**
+     * 要显示的文本内容
+     * @default "Loading..."
+     */
+    text?: string;
+    /**
+     * 是否禁用闪光动画
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 主题模式
+     * - light: 亮色主题（深色文字 + 亮色光泽）
+     * - dark: 暗色主题（浅色文字 + 暗色光泽）
+     * @default "light"
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * 容器类名
+     */
+    className?: string;
+    /**
+     * 容器样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 字体大小
+     * @example fontSize="16px"
+     */
+    fontSize?: number | string;
+}
+/**
+ * 闪光文字加载组件
+ *
+ * 使用CSS动画展示闪光文字效果的加载状态组件，支持自定义文本、样式和动画开关。
+ *
+ * @component
+ * @example
+ * // 基础用法
+ * <ShinyText />
+ *
+ * @example
+ * // 自定义文本
+ * <ShinyText text="加载中..." />
+ *
+ * @example
+ * // 自定义样式
+ * <ShinyText
+ *   text="正在处理"
+ *   fontSize="20px"
+ *   style={{ margin: '20px' }}
+ * />
+ *
+ * @example
+ * // 禁用动画
+ * <ShinyText disabled={true} />
+ *
+ * @param props - 组件属性
+ * @param props.text - 要显示的文本内容，默认为 "Loading..."
+ * @param props.disabled - 是否禁用闪光动画，默认为 false
+ * @param props.className - 容器类名
+ * @param props.style - 容器自定义样式
+ * @param props.fontSize - 字体大小
+ * @returns 渲染的闪光文字组件
+ */
+export declare const ShinyText: React.FC<ShinyTextProps>;
+export default ShinyText;

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

@@ -0,0 +1,60 @@
+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/lotties/ShinyText/index.tsx
+import { ConfigProvider } from "antd";
+import cx from "classnames";
+import React, { useContext } from "react";
+import { useStyle } from "./style";
+var ShinyText = ({
+  text = "Loading...",
+  disabled = false,
+  theme = "light",
+  className,
+  style,
+  fontSize
+}) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("agentic-shiny-text");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const containerStyle = __spreadValues({
+    fontSize
+  }, style);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: cx(prefixCls, hashId, className, {
+          [`${prefixCls}-disabled`]: disabled,
+          [`${prefixCls}-dark`]: theme === "dark",
+          [`${prefixCls}-light`]: theme === "light"
+        }),
+        style: containerStyle,
+        "data-testid": "shiny-text",
+        "aria-label": text,
+        role: "status",
+        "aria-live": "polite"
+      },
+      text
+    )
+  );
+};
+var ShinyText_default = ShinyText;
+export {
+  ShinyText,
+  ShinyText_default as default
+};

package/dist/Components/lotties/ShinyText/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/Components/lotties/ShinyText/style.js

@@ -0,0 +1,84 @@
+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/lotties/ShinyText/style.ts
+import { Keyframes } from "@ant-design/cssinjs";
+import {
+  useEditorStyleRegister
+} from "../../../Hooks/useStyle";
+var shine = new Keyframes("shine", {
+  "0%": {
+    backgroundPosition: "100%"
+  },
+  "100%": {
+    backgroundPosition: "-100%"
+  }
+});
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "inline-block",
+      animationName: shine,
+      animationDuration: "1.2s",
+      animationTimingFunction: "linear",
+      animationIterationCount: "infinite",
+      // 亮色主题：深色文字 + 亮色光泽（适用于白色背景）
+      "&-light": {
+        color: "#00000066",
+        backgroundImage: `linear-gradient(
+          120deg,
+          rgba(255, 255, 255, 0.8) 40%,
+          rgba(15, 14, 14, 0.8) 50%,
+          rgba(255, 255, 255, 0.8) 60%
+        )`,
+        backgroundSize: "200% 100%",
+        WebkitBackgroundClip: "text",
+        backgroundClip: "text"
+      },
+      // 暗色主题：浅色文字 + 深色光泽（适用于黑色背景）
+      "&-dark": {
+        color: "#ffffff40",
+        backgroundImage: `linear-gradient(
+          120deg,
+          rgba(255, 255, 255, 0) 40%,
+          rgba(255, 255, 255, 0.8) 50%,
+          rgba(255, 255, 255, 0) 60%
+        )`,
+        backgroundSize: "200% 100%",
+        WebkitBackgroundClip: "text",
+        backgroundClip: "text"
+      },
+      "&-disabled": {
+        animationName: "none"
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useEditorStyleRegister("ShinyText", (token) => {
+    const shinyTextToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(shinyTextToken)];
+  });
+}
+export {
+  useStyle
+};

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

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

package/dist/Components/lotties/index.js

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

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -1,23 +1,3 @@
-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/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.tsx
 import {
   AudioOutlined,
@@ -38,13 +18,6 @@ var CONTENT_STYLE = {
   lineHeight: "1.5em",
   maxWidth: 275
 };
-var TOOLTIP_CONFIG = {
-  arrow: false,
-  mouseEnterDelay: 0.3,
-  mouseLeaveDelay: 0.1,
-  trigger: "hover",
-  placement: "topRight"
-};
 var SupportedFileFormats = {
   image: {
     icon: /* @__PURE__ */ React.createElement(FileImageOutlined, null),
@@ -98,14 +71,15 @@ var AttachmentSupportedFormatsContent = ({ supportedFormat }) => {
   return /* @__PURE__ */ React.createElement(FormatContent, { format });
 };
 var AttachmentButtonPopover = ({ children, supportedFormat }) => {
-  if (!supportedFormat)
-    return null;
   return /* @__PURE__ */ React.createElement(
     Tooltip,
-    __spreadProps(__spreadValues({}, TOOLTIP_CONFIG), {
+    {
+      arrow: false,
+      mouseEnterDelay: 2,
+      trigger: ["hover", "click"],
       title: /* @__PURE__ */ React.createElement(AttachmentSupportedFormatsContent, { supportedFormat })
-    }),
-    children
+    },
+    /* @__PURE__ */ React.createElement("span", null, children)
   );
 };
 var AttachmentButtonPopover_default = AttachmentButtonPopover;

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -90,7 +90,7 @@ var genStyle = (token) => {
             background: "var(--color-gray-bg-card-white)",
             boxSizing: "border-box",
             boxShadow: "var(--shadow-control-base)",
-            borderRadius: "var(--radius-card-base)",
+            borderRadius: "var(--radius-base)",
             border: "none",
             overflow: "hidden",
             img: {

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -200,7 +200,7 @@ var BUTTON_TITLE_STYLE = {
 };
 var ButtonContent = ({ title }) => {
   if (!title)
-    return /* @__PURE__ */ React.createElement(Paperclip, null);
+    return /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(Paperclip, null));
   return /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(Paperclip, null), /* @__PURE__ */ React.createElement("div", { style: BUTTON_TITLE_STYLE }, title));
 };
 var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render }) => {
@@ -208,13 +208,15 @@ var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render
   const prefix = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-attachment-button");
   const { wrapSSR, hashId } = useStyle(prefix);
   const format = supportedFormat || SupportedFileFormats.image;
-  const content = /* @__PURE__ */ React.createElement(ButtonContent, { title });
   const handleClick = () => {
     if (disabled)
       return;
     uploadImage == null ? void 0 : uploadImage();
   };
-  const wrapper = render ? render({ children: content, supportedFormat: format }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat: format }, content);
+  const wrapper = render ? render({
+    children: /* @__PURE__ */ React.createElement(ButtonContent, { title }),
+    supportedFormat: format
+  }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat: format }, /* @__PURE__ */ React.createElement(ButtonContent, { title }));
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.d.ts

@@ -38,8 +38,8 @@ import { AttachmentFile } from '../AttachmentButton/types';
  */
 export declare const FileMapViewItem: React.FC<{
     file: AttachmentFile;
-    onPreview: () => void;
-    onDownload: () => void;
+    onPreview?: () => void;
+    onDownload?: () => void;
     renderMoreAction?: (file: AttachmentFile) => React.ReactNode;
     customSlot?: React.ReactNode | ((file: AttachmentFile) => React.ReactNode);
     className?: string;