@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/AnswerAlert/style.js

@@ -1,161 +1,173 @@
-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/AnswerAlert/style.ts
-import {
-  useEditorStyleRegister
-} from "../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "inline-flex",
-      flexDirection: "column",
-      padding: "3px 4px 3px 8px",
-      color: "var(--color-gray-text-default)",
-      background: "var(--color-gray-bg-card-white)",
-      borderRadius: "var(--radius-control-base)",
-      boxShadow: "var(--shadow-control-base)",
-      "&-content": {
-        display: "flex",
-        alignItems: "center"
-      },
-      "&-icon": {
-        width: 14,
-        height: 14,
-        fontSize: 14
-      },
-      "&-message": {
-        flex: 1,
-        paddingLeft: 8,
-        paddingRight: 8,
-        font: "var(--font-text-body-emphasized-base)",
-        letterSpacing: "var(--letter-spacing-body-emphasized-base, normal)"
-      },
-      "&-description": {
-        font: "var(--font-text-paragraph-base)",
-        letterSpacing: "var(--letter-spacing-paragraph-base, normal)"
-      },
-      "&-close-icon": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: 20,
-        height: 20,
-        padding: 0,
-        backgroundColor: "transparent",
-        color: "var(--color-gray-text-disabled)",
-        borderRadius: "var(--radius-control-sm)",
-        fontSize: 14,
-        border: "none",
-        outline: "none",
-        cursor: "pointer",
-        transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)",
-        "&:hover": {
-          backgroundColor: "var(--color-gray-control-fill-active)"
+    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;
+            }));
+        }
+        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;
+            });
+        }
+        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) {
+    var _obj, _obj1;
+    return _obj1 = {}, _define_property(_obj1, token.componentCls, {
+        display: 'inline-flex',
+        flexDirection: 'column',
+        padding: '3px 4px 3px 8px',
+        color: 'var(--color-gray-text-default)',
+        background: 'var(--color-gray-bg-card-white)',
+        borderRadius: 'var(--radius-control-base)',
+        boxShadow: 'var(--shadow-control-base)',
+        '&-content': {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        '&-icon': {
+            width: 14,
+            height: 14,
+            fontSize: 14
+        },
+        '&-message': {
+            flex: 1,
+            paddingLeft: 8,
+            paddingRight: 8,
+            font: 'var(--font-text-body-emphasized-base)',
+            letterSpacing: 'var(--letter-spacing-body-emphasized-base, normal)'
+        },
+        '&-description': {
+            font: 'var(--font-text-paragraph-base)',
+            letterSpacing: 'var(--letter-spacing-paragraph-base, normal)'
+        },
+        '&-close-icon': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: 20,
+            height: 20,
+            padding: 0,
+            backgroundColor: 'transparent',
+            color: 'var(--color-gray-text-disabled)',
+            borderRadius: 'var(--radius-control-sm)',
+            fontSize: 14,
+            border: 'none',
+            outline: 'none',
+            cursor: 'pointer',
+            transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+            '&:hover': {
+                backgroundColor: 'var(--color-gray-control-fill-active)'
+            }
         }
-      }
-    },
-    // ================== With description ================
-    [`${token.componentCls}-with-description`]: {
-      display: "flex",
-      padding: "12px",
-      borderRadius: "var(--radius-card-base)",
-      [`${token.componentCls}-content`]: {
+    }), _define_property(_obj1, "".concat(token.componentCls, "-with-description"), (_obj = {
+        display: 'flex',
+        padding: '12px',
+        borderRadius: 'var(--radius-card-base)'
+    }, _define_property(_obj, "".concat(token.componentCls, "-content"), {
         marginBottom: 8
-      },
-      [`${token.componentCls}-icon`]: {
+    }), _define_property(_obj, "".concat(token.componentCls, "-icon"), {
         width: 18,
         height: 18,
         fontSize: 18
-      },
-      [`${token.componentCls}-message`]: {
-        font: "var(--font-text-h5-base)",
-        letterSpacing: "var(--letter-spacing-h5-base, normal)"
-      }
-    },
-    // ================== Types ==================
-    [`${token.componentCls}-success`]: {
-      color: "var(--color-green-text-secondary)",
-      backgroundColor: "var(--color-green-bg-tip)",
-      boxShadow: "none",
-      [`${token.componentCls}-close-icon`]: {
-        color: "rgba(0, 176, 102, 0.81)",
-        "&:hover": {
-          backgroundColor: "var(--color-green-control-fill-active)"
+    }), _define_property(_obj, "".concat(token.componentCls, "-message"), {
+        font: 'var(--font-text-h5-base)',
+        letterSpacing: 'var(--letter-spacing-h5-base, normal)'
+    }), _obj)), // ================== Types ==================
+    _define_property(_obj1, "".concat(token.componentCls, "-success"), _define_property({
+        color: 'var(--color-green-text-secondary)',
+        backgroundColor: 'var(--color-green-bg-tip)',
+        boxShadow: 'none'
+    }, "".concat(token.componentCls, "-close-icon"), {
+        color: 'rgba(0, 176, 102, 0.81)',
+        '&:hover': {
+            backgroundColor: 'var(--color-green-control-fill-active)'
         }
-      }
-    },
-    [`${token.componentCls}-warning`]: {
-      color: "var(--color-yellow-text-secondary)",
-      backgroundColor: "var(--color-yellow-bg-tip)",
-      boxShadow: "none",
-      [`${token.componentCls}-close-icon`]: {
-        color: "rgba(235, 159, 0, 1)",
-        "&:hover": {
-          backgroundColor: "var(--color-yellow-control-fill-active)"
+    })), _define_property(_obj1, "".concat(token.componentCls, "-warning"), _define_property({
+        color: 'var(--color-yellow-text-secondary)',
+        backgroundColor: 'var(--color-yellow-bg-tip)',
+        boxShadow: 'none'
+    }, "".concat(token.componentCls, "-close-icon"), {
+        color: 'rgba(235, 159, 0, 1)',
+        '&:hover': {
+            backgroundColor: 'var(--color-yellow-control-fill-active)'
         }
-      }
-    },
-    [`${token.componentCls}-error`]: {
-      color: "var(--color-red-text-secondary)",
-      backgroundColor: "var(--color-red-bg-tip)",
-      boxShadow: "none",
-      [`${token.componentCls}-close-icon`]: {
-        color: "rgba(212, 23, 1, 0.48)",
-        "&:hover": {
-          backgroundColor: "var(--color-red-control-fill-active)"
+    })), _define_property(_obj1, "".concat(token.componentCls, "-error"), _define_property({
+        color: 'var(--color-red-text-secondary)',
+        backgroundColor: 'var(--color-red-bg-tip)',
+        boxShadow: 'none'
+    }, "".concat(token.componentCls, "-close-icon"), {
+        color: 'rgba(212, 23, 1, 0.48)',
+        '&:hover': {
+            backgroundColor: 'var(--color-red-control-fill-active)'
         }
-      }
-    },
-    [`${token.componentCls}-info`]: {
-      color: "var(--color-blue-text-secondary)",
-      backgroundColor: "var(--color-blue-bg-tip)",
-      boxShadow: "none",
-      [`${token.componentCls}-close-icon`]: {
-        color: "rgba(0, 101, 250, 0.55)",
-        "&:hover": {
-          backgroundColor: "var(--color-blue-control-fill-active)"
+    })), _define_property(_obj1, "".concat(token.componentCls, "-info"), _define_property({
+        color: 'var(--color-blue-text-secondary)',
+        backgroundColor: 'var(--color-blue-bg-tip)',
+        boxShadow: 'none'
+    }, "".concat(token.componentCls, "-close-icon"), {
+        color: 'rgba(0, 101, 250, 0.55)',
+        '&:hover': {
+            backgroundColor: 'var(--color-blue-control-fill-active)'
         }
-      }
-    },
-    [`${token.componentCls}-gray`]: {
-      color: "var(--color-gray-text-secondary)",
-      backgroundColor: "var(--color-gray-bg-tip)",
-      boxShadow: "none",
-      [`${token.componentCls}-close-icon`]: {
-        color: "rgba(80, 94, 119, 0.32)",
-        "&:hover": {
-          backgroundColor: "var(--color-gray-control-fill-active)"
+    })), _define_property(_obj1, "".concat(token.componentCls, "-gray"), _define_property({
+        color: 'var(--color-gray-text-secondary)',
+        backgroundColor: 'var(--color-gray-bg-tip)',
+        boxShadow: 'none'
+    }, "".concat(token.componentCls, "-close-icon"), {
+        color: 'rgba(80, 94, 119, 0.32)',
+        '&:hover': {
+            backgroundColor: 'var(--color-gray-control-fill-active)'
         }
-      }
-    }
-  };
+    })), _obj1;
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("answer-alert", (token) => {
-    const answerAlertToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('answer-alert', function(token) {
+        var answerAlertToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(answerAlertToken)
+        ];
     });
-    return [genStyle(answerAlertToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/BackTo/BackBottom.js

@@ -1,80 +1,164 @@
-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));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    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;
+            }));
+        }
+        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;
+            });
+        }
+        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;
-};
-
-// src/BackTo/BackBottom.tsx
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import React, { forwardRef, useCallback } from "react";
 import { getScrollRailHeight } from "../Utils/getScroll";
 import scrollTo from "../Utils/scrollTo";
-import {
-  ScrollVisibleButton
-} from "./ScrollVisibleButton";
+import { ScrollVisibleButton } from "./ScrollVisibleButton";
 import { BottomIcon } from "./icons/BottomIcon";
-var BackBottom = forwardRef(
-  (props, ref) => {
-    const _a = props, {
-      duration = 450,
-      onClick,
-      shouldVisible: propsShouldVisible
-    } = _a, rest = __objRest(_a, [
-      "duration",
-      "onClick",
-      "shouldVisible"
+/**
+ * BackBottom 组件 - 返回底部按钮组件
+ *
+ * 该组件提供一个返回底部的浮动按钮，点击后平滑滚动到页面底部。
+ * 当距离底部超过指定阈值时自动显示，支持自定义滚动持续时间和显示条件。
+ *
+ * @component
+ * @description 返回底部按钮，点击后平滑滚动到页面底部
+ * @param {BackBottomProps} props - 组件属性
+ * @param {number} [props.duration=450] - 滚动到底部的持续时间（毫秒）
+ * @param {number | ((scrollTop: number, container: HTMLElement | Window) => boolean)} [props.shouldVisible=400] - 显示条件阈值或自定义函数
+ * @param {(e: React.MouseEvent, container: HTMLElement | Window) => void} [props.onClick] - 点击回调函数
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {HTMLElement | Window} [props.target] - 滚动容器，默认为 window
+ *
+ * @example
+ * ```tsx
+ * // 基本用法
+ * <BackBottom />
+ *
+ * // 自定义滚动持续时间
+ * <BackBottom duration={300} />
+ *
+ * // 自定义显示阈值
+ * <BackBottom shouldVisible={600} />
+ *
+ * // 自定义显示条件
+ * <BackBottom
+ *   shouldVisible={(scrollTop, container) => {
+ *     const scrollHeight = container instanceof Window
+ *       ? document.documentElement.scrollHeight
+ *       : container.scrollHeight;
+ *     return scrollHeight - scrollTop >= 800;
+ *   }}
+ * />
+ *
+ * // 指定滚动容器
+ * <BackBottom target={document.getElementById('container')} />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的返回底部按钮组件
+ *
+ * @remarks
+ * - 默认在距离底部超过 400px 时显示
+ * - 支持平滑滚动动画
+ * - 可自定义滚动持续时间
+ * - 支持自定义显示条件
+ * - 支持指定滚动容器
+ * - 使用 forwardRef 支持 ref 传递
+ * - 提供完整的无障碍支持
+ */ export var BackBottom = /*#__PURE__*/ forwardRef(function(props, ref) {
+    var _props_duration = props.duration, duration = _props_duration === void 0 ? 450 : _props_duration, onClick = props.onClick, propsShouldVisible = props.shouldVisible, rest = _object_without_properties(props, [
+        "duration",
+        "onClick",
+        "shouldVisible"
     ]);
-    const shouldVisible = useCallback(
-      (scrollTop, container) => {
-        if (typeof propsShouldVisible === "function") {
-          return propsShouldVisible(scrollTop, container);
+    var shouldVisible = useCallback(function(scrollTop, container) {
+        if (typeof propsShouldVisible === 'function') {
+            return propsShouldVisible(scrollTop, container);
         }
-        const scrollRailHeight = getScrollRailHeight(container);
-        return scrollRailHeight - scrollTop >= (propsShouldVisible != null ? propsShouldVisible : 400);
-      },
-      [propsShouldVisible]
-    );
-    const scrollToBottom = (e, container) => {
-      const scrollRailHeight = getScrollRailHeight(container);
-      scrollTo(scrollRailHeight, { container, duration });
-      onClick == null ? void 0 : onClick(e, container);
+        var scrollRailHeight = getScrollRailHeight(container);
+        return scrollRailHeight - scrollTop >= (propsShouldVisible !== null && propsShouldVisible !== void 0 ? propsShouldVisible : 400);
+    }, [
+        propsShouldVisible
+    ]);
+    var scrollToBottom = function(e, container) {
+        var scrollRailHeight = getScrollRailHeight(container);
+        scrollTo(scrollRailHeight, {
+            container: container,
+            duration: duration
+        });
+        onClick === null || onClick === void 0 ? void 0 : onClick(e, container);
     };
-    return /* @__PURE__ */ React.createElement(
-      ScrollVisibleButton,
-      __spreadProps(__spreadValues({}, rest), {
-        ref,
-        shouldVisible,
+    return /*#__PURE__*/ React.createElement(ScrollVisibleButton, _object_spread_props(_object_spread({}, rest), {
+        ref: ref,
+        shouldVisible: shouldVisible,
         onClick: scrollToBottom
-      }),
-      /* @__PURE__ */ React.createElement(BottomIcon, null)
-    );
-  }
-);
-export {
-  BackBottom
-};
+    }), /*#__PURE__*/ React.createElement(BottomIcon, null));
+});