@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Bubble/style.js

@@ -1,243 +1,264 @@
-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/Bubble/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../Hooks/useStyle";
-var genStyle = (token, classNames) => {
-  return {
-    [token.componentCls]: {
-      "&-bubble": {
-        position: "relative",
-        maxWidth: "100vw",
-        cursor: "pointer",
-        "&&-compact": {
-          padding: "var(--padding-0-5x)"
-        },
-        "&:hover": {
-          [`${token.componentCls}-bubble-title-time`]: {
-            visibility: "visible"
-          }
-        }
-      },
-      ".agentic-md-editor-code": {
-        borderRadius: "12px !important",
-        overflow: "auto",
-        padding: "var(--padding-3x)"
-      },
-      "&-bubble-avatar": {
-        width: 40,
-        height: 40
-      },
-      "&-bubble-avatar-title": {
-        paddingTop: "var(--padding-3x)",
-        lineHeight: "20px",
-        textAlign: "justify",
-        letterSpacing: "normal",
-        color: "var(--color-gray-text-default)",
-        fontSize: "1em",
-        display: "flex",
-        gap: "var(--margin-1x)",
-        "&-pure": {
-          paddingLeft: "20px"
-        },
-        "&-quote": {
-          marginBottom: "0px",
-          flexDirection: "column"
-        },
-        [`span.${classNames == null ? void 0 : classNames.bubbleNameClassName}`]: {
-          fontWeight: 600,
-          fontSize: "1em",
-          color: "var(--color-gray-text-default)",
-          display: "flex",
-          alignItems: "center"
-        }
-      },
-      "&-bubble-avatar-emoji": {
-        fontSize: 24,
-        textAlign: "center",
-        lineHeight: "36px"
-      },
-      "&-bubble-container": {
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        gap: 8,
-        "&-pure": {
-          gap: 4
-        },
-        "&-right": {
-          alignItems: "flex-end"
-        },
-        "&-left": {
-          alignItems: "flex-start"
+    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;
+            }));
         }
-      },
-      "&-bubble-content": {
-        fontSize: "1em",
-        minHeight: "2em",
-        maxWidth: "min(860px,100%)",
-        justifyContent: "center",
-        gap: 0,
-        lineHeight: "22px",
-        padding: 0,
-        backdropFilter: "blur(10px)",
-        color: "var(--color-gray-text-secondary)",
-        width: "max-content",
-        borderRadius: "12px",
-        background: "var(--color-gray-bg-card-white)",
-        boxShadow: "var(--shadow-control-base)",
-        display: "flex",
-        flexDirection: "column",
-        zIndex: 0,
-        "&&-compact": {
-          minHeight: "38px",
-          padding: "0px"
-        },
-        "&&-pure": {
-          width: "100%",
-          boxShadow: "none !important",
-          background: "transparent",
-          backgroundColor: "transparent",
-          color: "var(--color-gray-text-default)"
-        },
-        "&-standalone": {
-          maxWidth: "min(860px,100%)"
-        },
-        "*": {
-          whiteSpace: "pre-wrap",
-          textWrap: "wrap",
-          wordWrap: "break-word"
-        },
-        video: {
-          borderRadius: "12px",
-          overflow: "auto"
-        },
-        [`div['data-be=code']`]: {
-          borderRadius: "12px",
-          overflow: "auto"
-        },
-        img: {
-          borderRadius: "12px",
-          overflow: "auto"
+        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;
+            });
         }
-      },
-      "&-bubble-after": {
-        width: "max-content",
-        minWidth: "0px",
-        display: "flex",
-        maxWidth: "min(860px,100%)",
-        "&-left": {
-          justifyContent: "flex-start",
-          maxWidth: "min(860px,100%)"
+        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 { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
+var genStyle = function(token, classNames) {
+    var _obj;
+    return _define_property({}, token.componentCls, {
+        '&-bubble': {
+            position: 'relative',
+            maxWidth: '100vw',
+            cursor: 'pointer',
+            '&&-compact': {
+                padding: 'var(--padding-0-5x)'
+            },
+            '&:hover': _define_property({}, "".concat(token.componentCls, "-bubble-title-time"), {
+                visibility: 'visible'
+            })
         },
-        "&-right": {
-          justifyContent: "flex-end",
-          maxWidth: "min(860px,100%)"
-        }
-      },
-      "&-bubble-before": {
-        width: "max-content",
-        minWidth: "0px",
-        maxWidth: "min(860px,100%)"
-      },
-      "&-bubble-content-right": {
-        maxWidth: "75%",
-        borderRadius: "16px 16px 2px 16px",
-        background: "var(--color-primary-control-fill-secondary-active)",
-        color: "var(--color-gray-text-default)",
-        boxShadow: "none",
-        "&&-pure": {
-          background: "var(--color-primary-control-fill-primary)"
-        }
-      },
-      // 用户消息特定样式
-      "&-bubble-user": {
-        "&-avatar-title-user": {
-          flexDirection: "row-reverse",
-          // 用户消息头像和标题顺序相反
-          justifyContent: "flex-end"
+        '.agentic-md-editor-code': {
+            borderRadius: '12px !important',
+            overflow: 'auto',
+            padding: 'var(--padding-3x)'
         },
-        "&-container-user": {
-          alignItems: "flex-end",
-          maxWidth: "max(668px,75%)"
+        '&-bubble-avatar': {
+            width: 40,
+            height: 40
         },
-        "&-content-user": {
-          background: "var(--color-primary-bg-card-light)",
-          color: "var(--color-gray-text-default)",
-          borderRadius: "12px 12px 2px 12px",
-          maxWidth: "668px",
-          "&&-pure": {
-            background: "var(--color-primary-control-fill-primary)"
-          }
+        '&-bubble-avatar-title': _define_property({
+            paddingTop: 'var(--padding-3x)',
+            lineHeight: '20px',
+            textAlign: 'justify',
+            letterSpacing: 'normal',
+            color: 'var(--color-gray-text-default)',
+            fontSize: '1em',
+            display: 'flex',
+            gap: 'var(--margin-1x)',
+            '&-pure': {
+                paddingLeft: '20px'
+            },
+            '&-quote': {
+                marginBottom: '0px',
+                flexDirection: 'column'
+            }
+        }, "span.".concat(classNames === null || classNames === void 0 ? void 0 : classNames.bubbleNameClassName), {
+            fontWeight: 600,
+            fontSize: '1em',
+            color: 'var(--color-gray-text-default)',
+            display: 'flex',
+            alignItems: 'center'
+        }),
+        '&-bubble-avatar-emoji': {
+            fontSize: 24,
+            textAlign: 'center',
+            lineHeight: '36px'
         },
-        "&-before-user": {
-          justifyContent: "flex-end"
+        '&-bubble-container': {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            '&-pure': {
+                gap: 4
+            },
+            '&-right': {
+                alignItems: 'flex-end'
+            },
+            '&-left': {
+                alignItems: 'flex-start'
+            }
         },
-        "&-after-user": {
-          justifyContent: "flex-end"
-        }
-      },
-      // AI消息特定样式
-      "&-bubble-ai": {
-        "&-avatar-title-ai": {
-          flexDirection: "row",
-          // AI消息头像和标题正常顺序
-          justifyContent: "flex-start"
+        '&-bubble-content': (_obj = {
+            fontSize: '1em',
+            minHeight: '2em',
+            maxWidth: 'min(860px,100%)',
+            justifyContent: 'center',
+            gap: 0,
+            lineHeight: '22px',
+            padding: 0,
+            backdropFilter: 'blur(10px)',
+            color: 'var(--color-gray-text-secondary)',
+            width: 'max-content',
+            borderRadius: '12px',
+            background: 'var(--color-gray-bg-card-white)',
+            boxShadow: 'var(--shadow-control-base)',
+            display: 'flex',
+            flexDirection: 'column',
+            zIndex: 0,
+            '&&-compact': {
+                minHeight: '38px',
+                padding: '0px'
+            },
+            '&&-pure': {
+                width: '100%',
+                boxShadow: 'none !important',
+                background: 'transparent',
+                backgroundColor: 'transparent',
+                color: 'var(--color-gray-text-default)'
+            },
+            '&-standalone': {
+                maxWidth: 'min(860px,100%)'
+            },
+            '*': {
+                whiteSpace: 'pre-wrap',
+                textWrap: 'wrap',
+                wordWrap: 'break-word'
+            },
+            video: {
+                borderRadius: '12px',
+                overflow: 'auto'
+            }
+        }, _define_property(_obj, "div['data-be=code']", {
+            borderRadius: '12px',
+            overflow: 'auto'
+        }), _define_property(_obj, "img", {
+            borderRadius: '12px',
+            overflow: 'auto'
+        }), _obj),
+        '&-bubble-after': {
+            width: 'max-content',
+            minWidth: '0px',
+            display: 'flex',
+            maxWidth: 'min(860px,100%)',
+            '&-left': {
+                justifyContent: 'flex-start',
+                maxWidth: 'min(860px,100%)'
+            },
+            '&-right': {
+                justifyContent: 'flex-end',
+                maxWidth: 'min(860px,100%)'
+            }
         },
-        "&-container-ai": {
-          alignItems: "flex-start"
+        '&-bubble-before': {
+            width: 'max-content',
+            minWidth: '0px',
+            maxWidth: 'min(860px,100%)'
         },
-        "&-content-ai": {
-          background: "var(--color-gray-bg-card-white)",
-          color: "var(--color-gray-text-secondary)",
-          borderRadius: "12px",
-          "&&-pure": {
-            boxShadow: "none",
-            backgroundColor: "transparent",
-            color: "var(--color-gray-text-default)"
-          }
+        '&-bubble-content-right': {
+            maxWidth: '75%',
+            borderRadius: '16px 16px 2px 16px',
+            background: 'var(--color-primary-control-fill-secondary-active)',
+            color: 'var(--color-gray-text-default)',
+            boxShadow: 'none',
+            '&&-pure': {
+                background: 'var(--color-primary-control-fill-primary)'
+            }
         },
-        "&-before-ai": {
-          justifyContent: "flex-start"
+        // 用户消息特定样式
+        '&-bubble-user': {
+            '&-avatar-title-user': {
+                flexDirection: 'row-reverse',
+                justifyContent: 'flex-end'
+            },
+            '&-container-user': {
+                alignItems: 'flex-end',
+                maxWidth: 'max(668px,75%)'
+            },
+            '&-content-user': {
+                background: 'var(--color-primary-bg-card-light)',
+                color: 'var(--color-gray-text-default)',
+                borderRadius: '12px 12px 2px 12px',
+                maxWidth: '668px',
+                '&&-pure': {
+                    background: 'var(--color-primary-control-fill-primary)'
+                }
+            },
+            '&-before-user': {
+                justifyContent: 'flex-end'
+            },
+            '&-after-user': {
+                justifyContent: 'flex-end'
+            }
         },
-        "&-after-ai": {
-          justifyContent: "flex-start"
+        // AI消息特定样式
+        '&-bubble-ai': {
+            '&-avatar-title-ai': {
+                flexDirection: 'row',
+                justifyContent: 'flex-start'
+            },
+            '&-container-ai': {
+                alignItems: 'flex-start'
+            },
+            '&-content-ai': {
+                background: 'var(--color-gray-bg-card-white)',
+                color: 'var(--color-gray-text-secondary)',
+                borderRadius: '12px',
+                '&&-pure': {
+                    boxShadow: 'none',
+                    backgroundColor: 'transparent',
+                    color: 'var(--color-gray-text-default)'
+                }
+            },
+            '&-before-ai': {
+                justifyContent: 'flex-start'
+            },
+            '&-after-ai': {
+                justifyContent: 'flex-start'
+            }
         }
-      }
-    }
-  };
+    });
 };
-function useStyle(prefixCls, classNames) {
-  return useEditorStyleRegister("ListItem", (token) => {
-    const proChatToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * Probubble
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls, classNames) {
+    return useEditorStyleRegister('ListItem', function(token) {
+        var proChatToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(proChatToken),
+            genStyle(proChatToken, classNames)
+        ];
     });
-    return [
-      resetComponent(proChatToken),
-      genStyle(proChatToken, classNames)
-    ];
-  });
 }
-export {
-  useStyle
-};

package/dist/Bubble/type.js

@@ -0,0 +1,3 @@
+/**
+ * 气泡组件属性
+ */ export { };

package/dist/Bubble/types/BubbleExtra.js

@@ -0,0 +1 @@
+import React from "react";

package/dist/Bubble/types/DocInfo.js

@@ -0,0 +1 @@
+import React from "react";

package/dist/ChatBootPage/ButtonTab.js

@@ -1,52 +1,32 @@
-// src/ChatBootPage/ButtonTab.tsx
 import React from "react";
 import { useStyle } from "./ButtonTabStyle";
-var ButtonTab = ({
-  children,
-  selected = false,
-  onClick,
-  onIconClick,
-  className,
-  icon,
-  prefixCls = "md-editor-button-tab"
-}) => {
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const handleClick = () => {
-    onClick == null ? void 0 : onClick();
-  };
-  const handleIconClick = (e) => {
-    e.stopPropagation();
-    onIconClick == null ? void 0 : onIconClick();
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      onClick == null ? void 0 : onClick();
-    }
-  };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "button",
-      {
+var ButtonTab = function(param) {
+    var children = param.children, _param_selected = param.selected, selected = _param_selected === void 0 ? false : _param_selected, onClick = param.onClick, onIconClick = param.onIconClick, className = param.className, icon = param.icon, _param_prefixCls = param.prefixCls, prefixCls = _param_prefixCls === void 0 ? 'md-editor-button-tab' : _param_prefixCls;
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var handleClick = function() {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var handleIconClick = function(e) {
+        e.stopPropagation();
+        onIconClick === null || onIconClick === void 0 ? void 0 : onIconClick();
+    };
+    var handleKeyDown = function(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        }
+    };
+    return wrapSSR(/*#__PURE__*/ React.createElement("button", {
         type: "button",
-        className: `${prefixCls} ${selected ? `${prefixCls}-selected` : ""} ${className || ""} ${hashId}`,
+        className: "".concat(prefixCls, " ").concat(selected ? "".concat(prefixCls, "-selected") : '', " ").concat(className || '', " ").concat(hashId),
         onClick: handleClick,
         onKeyDown: handleKeyDown,
         tabIndex: 0
-      },
-      children && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-text ${hashId}` }, children),
-      icon && /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: `${prefixCls}-icon ${onIconClick ? `${prefixCls}-icon-clickable` : ""} ${hashId}`,
-          onClick: onIconClick ? handleIconClick : void 0
-        },
-        icon
-      )
-    )
-  );
-};
-var ButtonTab_default = ButtonTab;
-export {
-  ButtonTab_default as default
+    }, children && /*#__PURE__*/ React.createElement("span", {
+        className: "".concat(prefixCls, "-text ").concat(hashId)
+    }, children), icon && /*#__PURE__*/ React.createElement("span", {
+        className: "".concat(prefixCls, "-icon ").concat(onIconClick ? "".concat(prefixCls, "-icon-clickable") : '', " ").concat(hashId),
+        onClick: onIconClick ? handleIconClick : undefined
+    }, icon)));
 };
+export default ButtonTab;