@ant-design/agentic-ui 2.8.0 → 2.10.0

package/dist/Components/ActionIconBox/style.js

@@ -1,119 +1,149 @@
-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/ActionIconBox/style.ts
-import {
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      minWidth: 28,
-      minHeight: 28,
-      lineHeight: 1,
-      display: "flex",
-      cursor: "pointer",
-      boxSizing: "border-box",
-      padding: 4,
-      alignItems: "center",
-      gap: 8,
-      justifyContent: "center",
-      borderRadius: "var(--radius-control-sm)",
-      fontSize: "1em",
-      color: "var(--color-gray-text-secondary)",
-      transition: "color 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      "&-title": {
-        font: "var(--font-text-body-base)",
-        letterSpacing: "var(--letter-spacing-body-base, normal)",
-        color: "var(--color-gray-text-default)"
-      },
-      "&-light": {
-        "&:hover": {
-          borderRadius: "var(--radius-control-base)",
-          background: "var(--color-gray-control-fill-hover)",
-          backdropFilter: "blur(20px)",
-          boxSizing: "border-box"
-        }
-      },
-      "&-dark": {
-        color: "#fff",
-        "&:hover": {
-          background: "#444",
-          boxSizing: "border-box"
-        }
-      },
-      "&-active": {
-        color: "var(--color-gray-a9)"
-      },
-      "&-noPadding": {
-        padding: 0
-      },
-      "&-standalone": {
-        minWidth: "inherit",
-        minHeight: "inherit",
-        maxHeight: "inherit",
-        padding: "8px 12px",
-        color: "#000000",
-        borderRadius: 18,
-        border: "1px solid var(--color-gray-border-light)",
-        background: `radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%),radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(231, 211, 252, 0.0544) 59%, rgba(235, 255, 245, 0) 100%)`
-      },
-      "&-danger": {
-        "&:hover": {
-          color: token.colorError,
-          background: token.colorErrorBgHover
+    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;
+            }));
         }
-      },
-      "&-primary": {
-        "&:hover": {
-          color: token.colorPrimary,
-          background: token.colorPrimaryBgHover
+        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;
+            });
         }
-      },
-      "&-border-less": {
-        height: "auto",
+        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, {
+        minWidth: 28,
+        minHeight: 28,
         lineHeight: 1,
-        background: "none!important",
-        "&:hover": {
-          color: token.colorPrimary,
-          background: "none!important"
-        }
-      },
-      "&-transform": {
-        "&:hover": {
-          color: token.colorPrimary,
-          transform: "translateX(8px) scale(1.1)",
-          background: "none"
+        display: 'flex',
+        cursor: 'pointer',
+        boxSizing: 'border-box',
+        padding: 4,
+        alignItems: 'center',
+        gap: 8,
+        justifyContent: 'center',
+        borderRadius: 'var(--radius-control-sm)',
+        fontSize: '1em',
+        color: 'var(--color-gray-text-secondary)',
+        transition: 'color 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+        '&-title': {
+            font: 'var(--font-text-body-base)',
+            letterSpacing: 'var(--letter-spacing-body-base, normal)',
+            color: 'var(--color-gray-text-default)'
+        },
+        '&-light': {
+            '&:hover': {
+                borderRadius: 'var(--radius-control-base)',
+                background: 'var(--color-gray-control-fill-hover)',
+                backdropFilter: 'blur(20px)',
+                boxSizing: 'border-box'
+            }
+        },
+        '&-dark': {
+            color: '#fff',
+            '&:hover': {
+                background: '#444',
+                boxSizing: 'border-box'
+            }
+        },
+        '&-active': {
+            color: 'var(--color-gray-a9)'
+        },
+        '&-noPadding': {
+            padding: 0
+        },
+        '&-standalone': {
+            minWidth: 'inherit',
+            minHeight: 'inherit',
+            maxHeight: 'inherit',
+            padding: '8px 12px',
+            color: '#000000',
+            borderRadius: 18,
+            border: '1px solid var(--color-gray-border-light)',
+            background: "radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%),radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(231, 211, 252, 0.0544) 59%, rgba(235, 255, 245, 0) 100%)"
+        },
+        '&-danger': {
+            '&:hover': {
+                color: token.colorError,
+                background: token.colorErrorBgHover
+            }
+        },
+        '&-primary': {
+            '&:hover': {
+                color: token.colorPrimary,
+                background: token.colorPrimaryBgHover
+            }
+        },
+        '&-border-less': {
+            height: 'auto',
+            lineHeight: 1,
+            background: 'none!important',
+            '&:hover': {
+                color: token.colorPrimary,
+                background: 'none!important'
+            }
+        },
+        '&-transform': {
+            '&:hover': {
+                color: token.colorPrimary,
+                transform: 'translateX(8px) scale(1.1)',
+                background: 'none'
+            }
         }
-      }
-    }
-  };
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("ActionIconBox", (token) => {
-    const proChatToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * Probubble
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('ActionIconBox', function(token) {
+        var proChatToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(proChatToken)
+        ];
     });
-    return [genStyle(proChatToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/Components/ActionItemBox/ActionItemBox.js

@@ -1,162 +1,108 @@
-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]);
+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;
-};
-
-// src/Components/ActionItemBox/ActionItemBox.tsx
+    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;
+}
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { motion } from "framer-motion";
 import React, { useContext, useEffect } from "react";
 import { useStyle } from "./style";
-var ActionItemBox = (props) => {
-  var _a, _b;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const basePrefixCls = getPrefixCls("agentic-chat-action-item-box");
-  const { wrapSSR, hashId } = useStyle(basePrefixCls);
-  useEffect(() => {
-    var _a2;
-    (_a2 = props == null ? void 0 : props.onInit) == null ? void 0 : _a2.call(props);
-  }, []);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      motion.div,
-      {
+export var ActionItemBox = function(props) {
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var basePrefixCls = getPrefixCls('agentic-chat-action-item-box');
+    var _useStyle = useStyle(basePrefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    useEffect(function() {
+        var _props_onInit;
+        props === null || props === void 0 ? void 0 : (_props_onInit = props.onInit) === null || _props_onInit === void 0 ? void 0 : _props_onInit.call(props);
+    }, []);
+    var _props_hoverBg, _props_hoverBg1;
+    var _obj, _obj1;
+    return wrapSSR(/*#__PURE__*/ React.createElement(motion.div, {
         initial: "hidden",
         animate: "visible",
-        style: __spreadValues({
-          flex: props.size ? "none" : 1,
-          display: "flex",
-          height: "min-content"
+        style: _object_spread({
+            flex: props.size ? 'none' : 1,
+            display: 'flex',
+            height: 'min-content'
         }, props.style),
         variants: {
-          hidden: { x: -10, opacity: 0 },
-          visible: {
-            x: 0,
-            opacity: 1
-          }
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(
-            `${basePrefixCls}-container`,
-            {
-              [`${basePrefixCls}-container-${props.size}`]: props.size,
-              [`${basePrefixCls}-container-hover-bg`]: (_a = props.hoverBg) != null ? _a : true
+            hidden: {
+                x: -10,
+                opacity: 0
             },
-            hashId
-          )
+            visible: {
+                x: 0,
+                opacity: 1
+            }
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(basePrefixCls, "-container"), (_obj = {}, _define_property(_obj, "".concat(basePrefixCls, "-container-").concat(props.size), props.size), _define_property(_obj, "".concat(basePrefixCls, "-container-hover-bg"), (_props_hoverBg = props.hoverBg) !== null && _props_hoverBg !== void 0 ? _props_hoverBg : true), _obj), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        onClick: props.disabled ? undefined : props.onClick,
+        className: classNames(basePrefixCls, hashId, (_obj1 = {}, _define_property(_obj1, "".concat(basePrefixCls, "-").concat(props.size), props.size), _define_property(_obj1, "".concat(basePrefixCls, "-has-icon"), !!props.icon && !props.compact), _define_property(_obj1, "".concat(basePrefixCls, "-standalone"), props.standalone), _define_property(_obj1, "".concat(basePrefixCls, "-compact"), props.compact), _define_property(_obj1, "".concat(basePrefixCls, "-hover-bg"), (_props_hoverBg1 = props.hoverBg) !== null && _props_hoverBg1 !== void 0 ? _props_hoverBg1 : true), _define_property(_obj1, "".concat(basePrefixCls, "-disabled"), props.disabled), _obj1))
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            gap: props.size === 'small' ? 4 : 12,
+            alignItems: 'center',
+            maxWidth: '100%',
+            flex: 1,
+            minWidth: 0
+        }
+    }, props.icon && !props.compact ? /*#__PURE__*/ React.createElement("div", {
+        style: {
+            width: props.iconSize || 24,
+            height: props.iconSize || 24,
+            minWidth: props.iconSize || 24,
+            minHeight: props.iconSize || 24
         },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            onClick: props.disabled ? void 0 : props.onClick,
-            className: classNames(basePrefixCls, hashId, {
-              [`${basePrefixCls}-${props.size}`]: props.size,
-              [`${basePrefixCls}-has-icon`]: !!props.icon && !props.compact,
-              [`${basePrefixCls}-standalone`]: props.standalone,
-              [`${basePrefixCls}-compact`]: props.compact,
-              [`${basePrefixCls}-hover-bg`]: (_b = props.hoverBg) != null ? _b : true,
-              [`${basePrefixCls}-disabled`]: props.disabled
-            })
-          },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: {
-                display: "flex",
-                gap: props.size === "small" ? 4 : 12,
-                alignItems: "center",
-                maxWidth: "100%",
-                flex: 1,
-                minWidth: 0
-              }
-            },
-            props.icon && !props.compact ? /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                style: {
-                  width: props.iconSize || 24,
-                  height: props.iconSize || 24,
-                  minWidth: props.iconSize || 24,
-                  minHeight: props.iconSize || 24
-                },
-                className: classNames(
-                  `${basePrefixCls}-icon`,
-                  {
-                    [`${basePrefixCls}-icon-${props.size}`]: props.size
-                  },
-                  hashId
-                )
-              },
-              props.icon.startsWith("http") ? /* @__PURE__ */ React.createElement(
-                "img",
-                {
-                  src: props.icon,
-                  alt: "action-box-icon",
-                  style: {
-                    height: "100%",
-                    maxWidth: props.iconSize || 24,
-                    maxHeight: props.iconSize || 24
-                  }
-                }
-              ) : /* @__PURE__ */ React.createElement(
-                "span",
-                {
-                  style: {
-                    fontSize: 16,
-                    fontWeight: 500
-                  }
-                },
-                props.icon
-              )
-            ) : null,
-            /* @__PURE__ */ React.createElement("div", { className: classNames(`${basePrefixCls}-content`, hashId) }, /* @__PURE__ */ React.createElement(
-              "span",
-              {
-                className: classNames(
-                  `${basePrefixCls}-content-title`,
-                  hashId,
-                  {
-                    [`${basePrefixCls}-content-title-no-description`]: !props.description
-                  }
-                )
-              },
-              props.title
-            ), props.description && !props.compact ? /* @__PURE__ */ React.createElement(
-              "span",
-              {
-                className: classNames(
-                  `${basePrefixCls}-content-description`,
-                  hashId
-                ),
-                style: {
-                  maxWidth: `310px`
-                }
-              },
-              props.description
-            ) : null)
-          )
-        )
-      )
-    )
-  );
-};
-ActionItemBox.displayName = "ActionItemBox";
-export {
-  ActionItemBox
+        className: classNames("".concat(basePrefixCls, "-icon"), _define_property({}, "".concat(basePrefixCls, "-icon-").concat(props.size), props.size), hashId)
+    }, props.icon.startsWith('http') ? /*#__PURE__*/ React.createElement("img", {
+        src: props.icon,
+        alt: "action-box-icon",
+        style: {
+            height: '100%',
+            maxWidth: props.iconSize || 24,
+            maxHeight: props.iconSize || 24
+        }
+    }) : /*#__PURE__*/ React.createElement("span", {
+        style: {
+            fontSize: 16,
+            fontWeight: 500
+        }
+    }, props.icon)) : null, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(basePrefixCls, "-content"), hashId)
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: classNames("".concat(basePrefixCls, "-content-title"), hashId, _define_property({}, "".concat(basePrefixCls, "-content-title-no-description"), !props.description))
+    }, props.title), props.description && !props.compact ? /*#__PURE__*/ React.createElement("span", {
+        className: classNames("".concat(basePrefixCls, "-content-description"), hashId),
+        style: {
+            maxWidth: "310px"
+        }
+    }, props.description) : null))))));
 };
+ActionItemBox.displayName = 'ActionItemBox';

package/dist/Components/ActionItemBox/index.js

@@ -1,7 +1,7 @@
-// src/Components/ActionItemBox/index.ts
-import { ActionItemBox } from "./ActionItemBox";
-import { useStyle } from "./style";
-export {
-  ActionItemBox,
-  useStyle
-};
+/**
+ * @file ActionItemBox 组件模块导出
+ *
+ * 该文件导出操作项盒子组件。
+ * 组件的详细文档请参考 ActionItemBox 组件定义文件。
+ */ export { ActionItemBox } from "./ActionItemBox";
+export { useStyle } from "./style";