@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/Components/Button/ToggleButton/style.js

@@ -1,277 +1,302 @@
-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]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/Components/Button/ToggleButton/style.ts
-import {
-  useEditorStyleRegister
-} from "../../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      // 基础按钮样式
-      borderRadius: "200px",
-      boxSizing: "border-box",
-      border: "1px solid var(--color-gray-border-light)",
-      height: "32px",
-      display: "flex",
-      alignItems: "center",
-      padding: "5px 12px",
-      cursor: "pointer",
-      fontFamily: "var(--font-family-base)",
-      fontSize: "var(--font-size-base, 14px)",
-      fontWeight: "var(--font-weight-medium, 500)",
-      lineHeight: "var(--line-height-base, 1.5)",
-      textAlign: "center",
-      textDecoration: "none",
-      transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)",
-      userSelect: "none",
-      outline: "none",
-      position: "relative",
-      overflow: "hidden",
-      backgroundColor: "transparent",
-      // Hover 状态
-      "&:hover:not(&-disabled)": {
-        background: "var(--color-gray-control-fill-hover)",
-        boxSizing: "border-box",
-        border: "1px solid var(--color-gray-border-light)"
-      },
-      // Active 状态
-      "&:active:not(&-disabled)": {
-        background: "var(--color-primary-bg-card-light)",
-        boxSizing: "border-box",
-        border: "1px solid var(--color-primary-border-light)"
-      },
-      // Active 属性状态
-      "&-active": {
-        background: "var(--color-primary-bg-card-light)",
-        boxSizing: "border-box",
-        border: "1px solid var(--color-primary-border-light)",
-        // Active 状态下的文字颜色
-        [`${token.componentCls}-text`]: {
-          color: "var(--color-blue-text-secondary)"
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-      },
-      // 尺寸变体
-      "&-small": {
-        height: "var(--height-control-small, 28px)",
-        padding: "0 var(--padding-control-small, 12px)",
-        fontSize: "var(--font-size-small, 12px)",
-        minWidth: "var(--min-width-control-small, 60px)"
-      },
-      "&-large": {
-        height: "var(--height-control-large, 40px)",
-        padding: "0 var(--padding-control-large, 16px)",
-        fontSize: "var(--font-size-base, 14px)",
-        minWidth: "var(--min-width-control-large, 80px)"
-      },
-      // Primary 变体 - 主要按钮
-      "&-primary": {
-        backgroundColor: "var(--color-blue-primary, #1677ff)",
-        color: "var(--color-white, #ffffff)",
-        boxShadow: "var(--shadow-control-base, 0 1px 2px rgba(0, 0, 0, 0.1))",
-        "&:hover:not(&-disabled)": {
-          backgroundColor: "var(--color-blue-primary-hover, #4096ff)",
-          boxShadow: "var(--shadow-control-hover, 0 2px 4px rgba(0, 0, 0, 0.15))",
-          transform: "translateY(-1px)"
-        },
-        "&:active:not(&-disabled)": {
-          backgroundColor: "var(--color-blue-primary-active, #0958d9)",
-          boxShadow: "var(--shadow-control-active, 0 1px 2px rgba(0, 0, 0, 0.2))",
-          transform: "translateY(0)"
-        },
-        "&:focus-visible": {
-          boxShadow: "0 0 0 2px var(--color-blue-primary-light, #d6eeff)"
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
         }
-      },
-      // Secondary 变体 - 次要按钮
-      "&-secondary": {
-        backgroundColor: "var(--color-gray-bg-card-white, #ffffff)",
-        color: "var(--color-gray-text-default, #343a45)",
-        border: "1px solid var(--color-gray-border, #e6ecf4)",
-        boxShadow: "var(--shadow-control-base, 0 1px 2px rgba(0, 0, 0, 0.1))",
-        "&:hover:not(&-disabled)": {
-          backgroundColor: "var(--color-gray-bg-card-light, #fbfcfd)",
-          borderColor: "var(--color-blue-primary, #1677ff)",
-          color: "var(--color-blue-primary, #1677ff)",
-          boxShadow: "var(--shadow-control-hover, 0 2px 4px rgba(0, 0, 0, 0.15))"
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { useEditorStyleRegister } from "../../../Hooks/useStyle";
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        // 基础按钮样式
+        borderRadius: '200px',
+        boxSizing: 'border-box',
+        border: '1px solid var(--color-gray-border-light)',
+        height: '32px',
+        display: 'flex',
+        alignItems: 'center',
+        padding: '5px 12px',
+        cursor: 'pointer',
+        fontFamily: 'var(--font-family-base)',
+        fontSize: 'var(--font-size-base, 14px)',
+        fontWeight: 'var(--font-weight-medium, 500)',
+        lineHeight: 'var(--line-height-base, 1.5)',
+        textAlign: 'center',
+        textDecoration: 'none',
+        transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+        userSelect: 'none',
+        outline: 'none',
+        position: 'relative',
+        overflow: 'hidden',
+        backgroundColor: 'transparent',
+        // Hover 状态
+        '&:hover:not(&-disabled)': {
+            background: 'var(--color-gray-control-fill-hover)',
+            boxSizing: 'border-box',
+            border: '1px solid var(--color-gray-border-light)'
         },
-        "&:active:not(&-disabled)": {
-          backgroundColor: "var(--color-gray-control-fill-active, #f0f0f0)",
-          borderColor: "var(--color-blue-primary-active, #0958d9)",
-          color: "var(--color-blue-primary-active, #0958d9)"
+        // Active 状态
+        '&:active:not(&-disabled)': {
+            background: 'var(--color-primary-bg-card-light)',
+            boxSizing: 'border-box',
+            border: '1px solid var(--color-primary-border-light)'
         },
-        "&:focus-visible": {
-          boxShadow: "0 0 0 2px var(--color-blue-primary-light, #d6eeff)"
-        }
-      },
-      // Ghost 变体 - 幽灵按钮
-      "&-ghost": {
-        backgroundColor: "transparent",
-        color: "var(--color-gray-text-default, #343a45)",
-        border: "1px solid transparent",
-        "&:hover:not(&-disabled)": {
-          backgroundColor: "var(--color-gray-control-fill-hover, #f5f5f5)",
-          color: "var(--color-blue-primary, #1677ff)"
+        // Active 属性状态
+        '&-active': // Active 状态下的文字颜色
+        _define_property({
+            background: 'var(--color-primary-bg-card-light)',
+            boxSizing: 'border-box',
+            border: '1px solid var(--color-primary-border-light)'
+        }, "".concat(token.componentCls, "-text"), {
+            color: 'var(--color-blue-text-secondary)'
+        }),
+        // 尺寸变体
+        '&-small': {
+            height: 'var(--height-control-small, 28px)',
+            padding: '0 var(--padding-control-small, 12px)',
+            fontSize: 'var(--font-size-small, 12px)',
+            minWidth: 'var(--min-width-control-small, 60px)'
         },
-        "&:active:not(&-disabled)": {
-          backgroundColor: "var(--color-gray-control-fill-active, #e6f7ff)",
-          color: "var(--color-blue-primary-active, #0958d9)"
+        '&-large': {
+            height: 'var(--height-control-large, 40px)',
+            padding: '0 var(--padding-control-large, 16px)',
+            fontSize: 'var(--font-size-base, 14px)',
+            minWidth: 'var(--min-width-control-large, 80px)'
         },
-        "&:focus-visible": {
-          backgroundColor: "var(--color-gray-control-fill-hover, #f5f5f5)",
-          boxShadow: "0 0 0 2px var(--color-blue-primary-light, #d6eeff)"
-        }
-      },
-      // No-border 变体 - 无边框按钮
-      "&-no-border": {
-        backgroundColor: "transparent",
-        color: "var(--color-gray-text-default, #343a45)",
-        border: "none",
-        boxShadow: "none",
-        "&:hover:not(&-disabled)": {
-          backgroundColor: "var(--color-gray-control-fill-hover, #f5f5f5)",
-          color: "var(--color-blue-primary, #1677ff)"
+        // Primary 变体 - 主要按钮
+        '&-primary': {
+            backgroundColor: 'var(--color-blue-primary, #1677ff)',
+            color: 'var(--color-white, #ffffff)',
+            boxShadow: 'var(--shadow-control-base, 0 1px 2px rgba(0, 0, 0, 0.1))',
+            '&:hover:not(&-disabled)': {
+                backgroundColor: 'var(--color-blue-primary-hover, #4096ff)',
+                boxShadow: 'var(--shadow-control-hover, 0 2px 4px rgba(0, 0, 0, 0.15))',
+                transform: 'translateY(-1px)'
+            },
+            '&:active:not(&-disabled)': {
+                backgroundColor: 'var(--color-blue-primary-active, #0958d9)',
+                boxShadow: 'var(--shadow-control-active, 0 1px 2px rgba(0, 0, 0, 0.2))',
+                transform: 'translateY(0)'
+            },
+            '&:focus-visible': {
+                boxShadow: '0 0 0 2px var(--color-blue-primary-light, #d6eeff)'
+            }
         },
-        "&:active:not(&-disabled)": {
-          backgroundColor: "var(--color-gray-control-fill-active, #e6f7ff)",
-          color: "var(--color-blue-primary-active, #0958d9)"
+        // Secondary 变体 - 次要按钮
+        '&-secondary': {
+            backgroundColor: 'var(--color-gray-bg-card-white, #ffffff)',
+            color: 'var(--color-gray-text-default, #343a45)',
+            border: '1px solid var(--color-gray-border, #e6ecf4)',
+            boxShadow: 'var(--shadow-control-base, 0 1px 2px rgba(0, 0, 0, 0.1))',
+            '&:hover:not(&-disabled)': {
+                backgroundColor: 'var(--color-gray-bg-card-light, #fbfcfd)',
+                borderColor: 'var(--color-blue-primary, #1677ff)',
+                color: 'var(--color-blue-primary, #1677ff)',
+                boxShadow: 'var(--shadow-control-hover, 0 2px 4px rgba(0, 0, 0, 0.15))'
+            },
+            '&:active:not(&-disabled)': {
+                backgroundColor: 'var(--color-gray-control-fill-active, #f0f0f0)',
+                borderColor: 'var(--color-blue-primary-active, #0958d9)',
+                color: 'var(--color-blue-primary-active, #0958d9)'
+            },
+            '&:focus-visible': {
+                boxShadow: '0 0 0 2px var(--color-blue-primary-light, #d6eeff)'
+            }
         },
-        "&:focus-visible": {
-          backgroundColor: "var(--color-gray-control-fill-hover, #f5f5f5)",
-          boxShadow: "0 0 0 2px var(--color-blue-primary-light, #d6eeff)"
-        }
-      },
-      // Float 变体 - 浮动按钮
-      "&-float": {
-        backgroundColor: "var(--color-blue-primary, #1677ff)",
-        color: "var(--color-white, #ffffff)",
-        borderRadius: "50%",
-        width: "var(--height-control-large, 40px)",
-        height: "var(--height-control-large, 40px)",
-        padding: 0,
-        minWidth: "auto",
-        boxShadow: "var(--shadow-float, 0 4px 12px rgba(22, 119, 255, 0.4))",
-        "&:hover:not(&-disabled)": {
-          backgroundColor: "var(--color-blue-primary-hover, #4096ff)",
-          boxShadow: "var(--shadow-float-hover, 0 6px 16px rgba(22, 119, 255, 0.5))",
-          transform: "translateY(-2px) scale(1.05)"
+        // Ghost 变体 - 幽灵按钮
+        '&-ghost': {
+            backgroundColor: 'transparent',
+            color: 'var(--color-gray-text-default, #343a45)',
+            border: '1px solid transparent',
+            '&:hover:not(&-disabled)': {
+                backgroundColor: 'var(--color-gray-control-fill-hover, #f5f5f5)',
+                color: 'var(--color-blue-primary, #1677ff)'
+            },
+            '&:active:not(&-disabled)': {
+                backgroundColor: 'var(--color-gray-control-fill-active, #e6f7ff)',
+                color: 'var(--color-blue-primary-active, #0958d9)'
+            },
+            '&:focus-visible': {
+                backgroundColor: 'var(--color-gray-control-fill-hover, #f5f5f5)',
+                boxShadow: '0 0 0 2px var(--color-blue-primary-light, #d6eeff)'
+            }
         },
-        "&:active:not(&-disabled)": {
-          backgroundColor: "var(--color-blue-primary-active, #0958d9)",
-          boxShadow: "var(--shadow-float-active, 0 2px 8px rgba(22, 119, 255, 0.3))",
-          transform: "translateY(0) scale(1)"
+        // No-border 变体 - 无边框按钮
+        '&-no-border': {
+            backgroundColor: 'transparent',
+            color: 'var(--color-gray-text-default, #343a45)',
+            border: 'none',
+            boxShadow: 'none',
+            '&:hover:not(&-disabled)': {
+                backgroundColor: 'var(--color-gray-control-fill-hover, #f5f5f5)',
+                color: 'var(--color-blue-primary, #1677ff)'
+            },
+            '&:active:not(&-disabled)': {
+                backgroundColor: 'var(--color-gray-control-fill-active, #e6f7ff)',
+                color: 'var(--color-blue-primary-active, #0958d9)'
+            },
+            '&:focus-visible': {
+                backgroundColor: 'var(--color-gray-control-fill-hover, #f5f5f5)',
+                boxShadow: '0 0 0 2px var(--color-blue-primary-light, #d6eeff)'
+            }
         },
-        "&:focus-visible": {
-          boxShadow: "0 0 0 2px var(--color-blue-primary-light, #d6eeff)"
-        }
-      },
-      // CTA 变体 - 行动号召按钮
-      "&-cta": {
-        backgroundColor: "var(--color-green-success, #52c41a)",
-        color: "var(--color-white, #ffffff)",
-        fontWeight: "var(--font-weight-semibold, 600)",
-        boxShadow: "var(--shadow-cta, 0 2px 8px rgba(82, 196, 26, 0.3))",
-        position: "relative",
-        overflow: "hidden",
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          top: 0,
-          left: "-100%",
-          width: "100%",
-          height: "100%",
-          background: "linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent)",
-          transition: "left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)"
+        // Float 变体 - 浮动按钮
+        '&-float': {
+            backgroundColor: 'var(--color-blue-primary, #1677ff)',
+            color: 'var(--color-white, #ffffff)',
+            borderRadius: '50%',
+            width: 'var(--height-control-large, 40px)',
+            height: 'var(--height-control-large, 40px)',
+            padding: 0,
+            minWidth: 'auto',
+            boxShadow: 'var(--shadow-float, 0 4px 12px rgba(22, 119, 255, 0.4))',
+            '&:hover:not(&-disabled)': {
+                backgroundColor: 'var(--color-blue-primary-hover, #4096ff)',
+                boxShadow: 'var(--shadow-float-hover, 0 6px 16px rgba(22, 119, 255, 0.5))',
+                transform: 'translateY(-2px) scale(1.05)'
+            },
+            '&:active:not(&-disabled)': {
+                backgroundColor: 'var(--color-blue-primary-active, #0958d9)',
+                boxShadow: 'var(--shadow-float-active, 0 2px 8px rgba(22, 119, 255, 0.3))',
+                transform: 'translateY(0) scale(1)'
+            },
+            '&:focus-visible': {
+                boxShadow: '0 0 0 2px var(--color-blue-primary-light, #d6eeff)'
+            }
         },
-        "&:hover:not(&-disabled)": {
-          backgroundColor: "var(--color-green-success-hover, #73d13d)",
-          boxShadow: "var(--shadow-cta-hover, 0 4px 12px rgba(82, 196, 26, 0.4))",
-          transform: "translateY(-1px)",
-          "&::before": {
-            left: "100%"
-          }
+        // CTA 变体 - 行动号召按钮
+        '&-cta': {
+            backgroundColor: 'var(--color-green-success, #52c41a)',
+            color: 'var(--color-white, #ffffff)',
+            fontWeight: 'var(--font-weight-semibold, 600)',
+            boxShadow: 'var(--shadow-cta, 0 2px 8px rgba(82, 196, 26, 0.3))',
+            position: 'relative',
+            overflow: 'hidden',
+            '&::before': {
+                content: '""',
+                position: 'absolute',
+                top: 0,
+                left: '-100%',
+                width: '100%',
+                height: '100%',
+                background: 'linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent)',
+                transition: 'left 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)'
+            },
+            '&:hover:not(&-disabled)': {
+                backgroundColor: 'var(--color-green-success-hover, #73d13d)',
+                boxShadow: 'var(--shadow-cta-hover, 0 4px 12px rgba(82, 196, 26, 0.4))',
+                transform: 'translateY(-1px)',
+                '&::before': {
+                    left: '100%'
+                }
+            },
+            '&:active:not(&-disabled)': {
+                backgroundColor: 'var(--color-green-success-active, #389e0d)',
+                boxShadow: 'var(--shadow-cta-active, 0 1px 4px rgba(82, 196, 26, 0.2))',
+                transform: 'translateY(0)'
+            },
+            '&:focus-visible': {
+                boxShadow: '0 0 0 2px var(--color-green-success-light, #f6ffed)'
+            }
         },
-        "&:active:not(&-disabled)": {
-          backgroundColor: "var(--color-green-success-active, #389e0d)",
-          boxShadow: "var(--shadow-cta-active, 0 1px 4px rgba(82, 196, 26, 0.2))",
-          transform: "translateY(0)"
+        // 禁用状态
+        '&-disabled': {
+            opacity: 0.5,
+            cursor: 'not-allowed',
+            pointerEvents: 'none',
+            transform: 'none !important',
+            boxShadow: 'none !important',
+            '&:hover': {
+                transform: 'none !important',
+                boxShadow: 'none !important'
+            },
+            '&:active': {
+                transform: 'none !important',
+                boxShadow: 'none !important'
+            }
         },
-        "&:focus-visible": {
-          boxShadow: "0 0 0 2px var(--color-green-success-light, #f6ffed)"
-        }
-      },
-      // 禁用状态
-      "&-disabled": {
-        opacity: 0.5,
-        cursor: "not-allowed",
-        pointerEvents: "none",
-        transform: "none !important",
-        boxShadow: "none !important",
-        "&:hover": {
-          transform: "none !important",
-          boxShadow: "none !important"
+        // 图标样式
+        '&-icon': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontSize: 'inherit',
+            lineHeight: 1,
+            marginRight: '4px'
         },
-        "&:active": {
-          transform: "none !important",
-          boxShadow: "none !important"
+        // 文字样式
+        '&-text': {
+            display: 'inline-block',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            font: 'var(--font-text-body-base)',
+            letterSpacing: 'var(--letter-spacing-body-base, normal)',
+            color: 'var(--color-gray-text-default)'
+        },
+        // 触发图标样式
+        '&-trigger-icon': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            color: 'var(--color-gray-text-light)',
+            fontSize: 'inherit',
+            lineHeight: 1
         }
-      },
-      // 图标样式
-      "&-icon": {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        fontSize: "inherit",
-        lineHeight: 1,
-        marginRight: "4px"
-      },
-      // 文字样式
-      "&-text": {
-        display: "inline-block",
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        font: "var(--font-text-body-base)",
-        letterSpacing: "var(--letter-spacing-body-base, normal)",
-        color: "var(--color-gray-text-default)"
-      },
-      // 触发图标样式
-      "&-trigger-icon": {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "var(--color-gray-text-light)",
-        fontSize: "inherit",
-        lineHeight: 1
-      }
-    }
-  };
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("toggle-button", (token) => {
-    const buttonToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('toggle-button', function(token) {
+        var buttonToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(buttonToken)
+        ];
     });
-    return [genStyle(buttonToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/Components/Button/index.js

@@ -1,4 +1,8 @@
-// src/Components/Button/index.ts
-export * from "./IconButton";
+/**
+ * @file Button 组件模块导出
+ *
+ * 该文件导出多种类型的按钮组件。
+ * 所有组件的详细文档请参考各自的组件定义文件。
+ */ export * from "./IconButton";
 export * from "./SwitchButton";
 export * from "./ToggleButton";

package/dist/Components/GradientText/index.js

@@ -1,33 +1,27 @@
-// src/Components/GradientText/index.tsx
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext } from "react";
 import { useGradientTextStyle } from "./style";
-function GradientText({
-  children,
-  className = "",
-  colors = ["#40ffaa", "#4079ff", "#40ffaa", "#4079ff", "#40ffaa"],
-  animationSpeed = 8,
-  style
-}) {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("gradient-text");
-  const { wrapSSR, hashId } = useGradientTextStyle(prefixCls);
-  const gradientStyle = {
-    backgroundImage: `linear-gradient(to right, ${colors.join(", ")})`,
-    animationDuration: `${animationSpeed}s`
-  };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId, className), style }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(`${prefixCls}-text-content`, hashId),
+export function GradientText(param) {
+    var children = param.children, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_colors = param.colors, colors = _param_colors === void 0 ? [
+        '#40ffaa',
+        '#4079ff',
+        '#40ffaa',
+        '#4079ff',
+        '#40ffaa'
+    ] : _param_colors, _param_animationSpeed = param.animationSpeed, animationSpeed = _param_animationSpeed === void 0 ? 8 : _param_animationSpeed, style = param.style;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('gradient-text');
+    var _useGradientTextStyle = useGradientTextStyle(prefixCls), wrapSSR = _useGradientTextStyle.wrapSSR, hashId = _useGradientTextStyle.hashId;
+    var gradientStyle = {
+        backgroundImage: "linear-gradient(to right, ".concat(colors.join(', '), ")"),
+        animationDuration: "".concat(animationSpeed, "s")
+    };
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames(prefixCls, hashId, className),
+        style: style
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-text-content"), hashId),
         style: gradientStyle
-      },
-      children
-    ))
-  );
+    }, children)));
 }
-export {
-  GradientText
-};