@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/ChatBootPage/CaseReply.js

@@ -1,124 +1,130 @@
-// src/ChatBootPage/CaseReply.tsx
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { ArrowRight } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext, useState } from "react";
 import { useStyle } from "./CaseReplyStyle";
-var CaseReply = ({
-  coverBackground = "rgba(132, 220, 24, 0.15)",
-  quoteIconColor = "rgb(132, 220, 24)",
-  quote,
-  title,
-  description,
-  buttonText = "查看回放",
-  buttonBar,
-  onButtonClick,
-  onClick,
-  style,
-  className,
-  prefixCls: customPrefixCls
-}) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls(
-    "agentic-chatboot-case-reply",
-    customPrefixCls
-  );
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const [isHovered, setIsHovered] = useState(false);
-  const containerCls = classNames(prefixCls, hashId, className);
-  const coverCls = classNames(`${prefixCls}-cover`, hashId);
-  const coverContentCls = classNames(
-    `${prefixCls}-cover-content`,
-    hashId,
-    isHovered && `${prefixCls}-cover-content-hovered`
-  );
-  const quoteIconCls = classNames(`${prefixCls}-quote-icon`, hashId);
-  const quoteTextCls = classNames(`${prefixCls}-quote-text`, hashId);
-  const bottomCls = classNames(`${prefixCls}-bottom`, hashId);
-  const titleCls = classNames(`${prefixCls}-title`, hashId);
-  const descriptionCls = classNames(`${prefixCls}-description`, hashId);
-  const buttonBarCls = classNames(
-    `${prefixCls}-button-bar`,
-    hashId,
-    isHovered && `${prefixCls}-button-bar-visible`
-  );
-  const arrowIconCls = classNames(`${prefixCls}-arrow-icon`, hashId);
-  const handleMouseEnter = () => {
-    setIsHovered(true);
-  };
-  const handleMouseLeave = () => {
-    setIsHovered(false);
-  };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+var CaseReply = function(param) {
+    var _param_coverBackground = param.coverBackground, coverBackground = _param_coverBackground === void 0 ? 'rgba(132, 220, 24, 0.15)' : _param_coverBackground, _param_quoteIconColor = param.quoteIconColor, quoteIconColor = _param_quoteIconColor === void 0 ? 'rgb(132, 220, 24)' : _param_quoteIconColor, quote = param.quote, title = param.title, description = param.description, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? '查看回放' : _param_buttonText, buttonBar = param.buttonBar, onButtonClick = param.onButtonClick, onClick = param.onClick, style = param.style, className = param.className, customPrefixCls = param.prefixCls;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('agentic-chatboot-case-reply', customPrefixCls);
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var _useState = _sliced_to_array(useState(false), 2), isHovered = _useState[0], setIsHovered = _useState[1];
+    var containerCls = classNames(prefixCls, hashId, className);
+    var coverCls = classNames("".concat(prefixCls, "-cover"), hashId);
+    var coverContentCls = classNames("".concat(prefixCls, "-cover-content"), hashId, isHovered && "".concat(prefixCls, "-cover-content-hovered"));
+    var quoteIconCls = classNames("".concat(prefixCls, "-quote-icon"), hashId);
+    var quoteTextCls = classNames("".concat(prefixCls, "-quote-text"), hashId);
+    var bottomCls = classNames("".concat(prefixCls, "-bottom"), hashId);
+    var titleCls = classNames("".concat(prefixCls, "-title"), hashId);
+    var descriptionCls = classNames("".concat(prefixCls, "-description"), hashId);
+    var buttonBarCls = classNames("".concat(prefixCls, "-button-bar"), hashId, isHovered && "".concat(prefixCls, "-button-bar-visible"));
+    var arrowIconCls = classNames("".concat(prefixCls, "-arrow-icon"), hashId);
+    var handleMouseEnter = function() {
+        setIsHovered(true);
+    };
+    var handleMouseLeave = function() {
+        setIsHovered(false);
+    };
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: containerCls,
-        style,
-        onClick,
+        style: style,
+        onClick: onClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: coverCls,
-          style: {
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: coverCls,
+        style: {
             background: coverBackground
-          }
-        },
-        /* @__PURE__ */ React.createElement("div", { className: coverContentCls }, /* @__PURE__ */ React.createElement("div", { className: quoteIconCls }, /* @__PURE__ */ React.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 25.22317126393318 25.22317126393318",
-            fill: "none"
-          },
-          /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "master_svg0_1118_33390" }, /* @__PURE__ */ React.createElement(
-            "rect",
-            {
-              x: "23.967108249664307",
-              y: "25.22317126393318",
-              width: "24",
-              height: "24",
-              rx: "0"
-            }
-          ))),
-          /* @__PURE__ */ React.createElement(
-            "g",
-            {
-              transform: "matrix(-0.9986295104026794,-0.0523359589278698,0.0523359589278698,-0.9986295104026794,46.58129097149476,51.66611602701195)",
-              clipPath: "url(#master_svg0_1118_33390)"
-            },
-            /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
-              "path",
-              {
-                d: "M29.779783327789307,38.963964076433186C28.651713327789306,40.719154076433185,27.054323327789305,42.204154076433184,25.489813327789307,43.26605407643318L27.250773327789307,45.12705407643318C31.293283327789307,43.54175407643318,35.144133327789305,39.44085407643318,35.144133327789305,34.61674407643318L35.11302332778931,34.61674407643318C35.126363327789306,34.47068407643318,35.13353332778931,34.32282407643318,35.13353332778931,34.173284076433184C35.13353332778931,31.51111407643318,32.97547332778931,29.35305407643318,30.313303327789306,29.35305407643318C27.651223327789307,29.35305407643318,25.493075247789307,31.51111407643318,25.493075247789307,34.173284076433184C25.493051107789306,36.65507407643318,27.368793327789305,38.69843407643318,29.779783327789307,38.963964076433186ZM36.8831133277893,43.26605407643318L38.64401332778931,45.12705407643318C42.68651332778931,43.54175407643318,46.53741332778931,39.44085407643318,46.53741332778931,34.61674407643318L46.50631332778931,34.61674407643318C46.51961332778931,34.47068407643318,46.526813327789306,34.32282407643318,46.526813327789306,34.173284076433184C46.526813327789306,31.51111407643318,44.36871332778931,29.35305407643318,41.706613327789306,29.35305407643318C39.04441332778931,29.35305407643318,36.88631332778931,31.51111407643318,36.88631332778931,34.173284076433184C36.88631332778931,36.65509407643318,38.762013327789305,38.69848407643318,41.17311332778931,38.96398407643318C40.045013327789306,40.719154076433185,38.447613327789306,42.204154076433184,36.8831133277893,43.26605407643318Z",
-                fill: quoteIconColor,
-                fillOpacity: "1"
-              }
-            ))
-          )
-        )), quote && /* @__PURE__ */ React.createElement("div", { className: quoteTextCls }, quote))
-      ),
-      /* @__PURE__ */ React.createElement("div", { className: bottomCls }, title && /* @__PURE__ */ React.createElement("h3", { className: titleCls }, title), description && /* @__PURE__ */ React.createElement("p", { className: descriptionCls }, description), (buttonBar || buttonText) && /* @__PURE__ */ React.createElement("div", { className: buttonBarCls }, buttonBar || /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: (e) => {
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: coverContentCls
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: quoteIconCls
+    }, /*#__PURE__*/ React.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 25.22317126393318 25.22317126393318",
+        fill: "none"
+    }, /*#__PURE__*/ React.createElement("defs", null, /*#__PURE__*/ React.createElement("clipPath", {
+        id: "master_svg0_1118_33390"
+    }, /*#__PURE__*/ React.createElement("rect", {
+        x: "23.967108249664307",
+        y: "25.22317126393318",
+        width: "24",
+        height: "24",
+        rx: "0"
+    }))), /*#__PURE__*/ React.createElement("g", {
+        transform: "matrix(-0.9986295104026794,-0.0523359589278698,0.0523359589278698,-0.9986295104026794,46.58129097149476,51.66611602701195)",
+        clipPath: "url(#master_svg0_1118_33390)"
+    }, /*#__PURE__*/ React.createElement("g", null, /*#__PURE__*/ React.createElement("path", {
+        d: "M29.779783327789307,38.963964076433186C28.651713327789306,40.719154076433185,27.054323327789305,42.204154076433184,25.489813327789307,43.26605407643318L27.250773327789307,45.12705407643318C31.293283327789307,43.54175407643318,35.144133327789305,39.44085407643318,35.144133327789305,34.61674407643318L35.11302332778931,34.61674407643318C35.126363327789306,34.47068407643318,35.13353332778931,34.32282407643318,35.13353332778931,34.173284076433184C35.13353332778931,31.51111407643318,32.97547332778931,29.35305407643318,30.313303327789306,29.35305407643318C27.651223327789307,29.35305407643318,25.493075247789307,31.51111407643318,25.493075247789307,34.173284076433184C25.493051107789306,36.65507407643318,27.368793327789305,38.69843407643318,29.779783327789307,38.963964076433186ZM36.8831133277893,43.26605407643318L38.64401332778931,45.12705407643318C42.68651332778931,43.54175407643318,46.53741332778931,39.44085407643318,46.53741332778931,34.61674407643318L46.50631332778931,34.61674407643318C46.51961332778931,34.47068407643318,46.526813327789306,34.32282407643318,46.526813327789306,34.173284076433184C46.526813327789306,31.51111407643318,44.36871332778931,29.35305407643318,41.706613327789306,29.35305407643318C39.04441332778931,29.35305407643318,36.88631332778931,31.51111407643318,36.88631332778931,34.173284076433184C36.88631332778931,36.65509407643318,38.762013327789305,38.69848407643318,41.17311332778931,38.96398407643318C40.045013327789306,40.719154076433185,38.447613327789306,42.204154076433184,36.8831133277893,43.26605407643318Z",
+        fill: quoteIconColor,
+        fillOpacity: "1"
+    }))))), quote && /*#__PURE__*/ React.createElement("div", {
+        className: quoteTextCls
+    }, quote))), /*#__PURE__*/ React.createElement("div", {
+        className: bottomCls
+    }, title && /*#__PURE__*/ React.createElement("h3", {
+        className: titleCls
+    }, title), description && /*#__PURE__*/ React.createElement("p", {
+        className: descriptionCls
+    }, description), (buttonBar || buttonText) && /*#__PURE__*/ React.createElement("div", {
+        className: buttonBarCls
+    }, buttonBar || /*#__PURE__*/ React.createElement("button", {
+        type: "button",
+        onClick: function(e) {
             e.stopPropagation();
-            onButtonClick == null ? void 0 : onButtonClick(e);
-          }
-        },
-        buttonText,
-        /* @__PURE__ */ React.createElement("span", { className: arrowIconCls }, /* @__PURE__ */ React.createElement(ArrowRight, null))
-      )))
-    )
-  );
-};
-var CaseReply_default = CaseReply;
-export {
-  CaseReply_default as default
+            onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(e);
+        }
+    }, buttonText, /*#__PURE__*/ React.createElement("span", {
+        className: arrowIconCls
+    }, /*#__PURE__*/ React.createElement(ArrowRight, null)))))));
 };
+export default CaseReply;

package/dist/ChatBootPage/CaseReplyStyle.js

@@ -1,196 +1,224 @@
-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/ChatBootPage/CaseReplyStyle.ts
-import {
-  useEditorStyleRegister
-} from "../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      maxWidth: "322px",
-      background: "#fdfdfd",
-      borderRadius: "var(--radius-card-base)",
-      boxShadow: "inset 0 0 1px 0 rgba(0, 0, 0, 0.15)",
-      position: "relative",
-      overflow: "hidden",
-      cursor: "pointer",
-      transition: "all 0.3s ease-in-out",
-      "&:hover": {
-        backgroundColor: "#ffffff",
-        boxShadow: "0 2px 12px 0 rgba(0, 0, 0, 0.08)",
-        transform: "scale(1.02)"
-      },
-      "&:active": {
-        transform: "scale(0.95)"
-      },
-      // cover 区域
-      "&-cover": {
-        WebkitMaskImage: "-webkit-linear-gradient(to bottom, black 0%, black 60%, transparent 100%)",
-        maskImage: "linear-gradient(to bottom, black 0%, black 60%, transparent 100%)",
-        width: "100%",
-        height: 166,
-        display: "flex",
-        justifyContent: "center"
-      },
-      // coverContent 白色子卡片
-      "&-cover-content": {
-        width: "80%",
-        marginTop: "32px",
-        height: 144,
-        borderRadius: "var(--radius-modal-base)",
-        boxShadow: "0px 0px 1px 0px rgba(71, 98, 234, 0.05), 0px 6px 16px 0px rgba(71, 98, 234, 0.12)",
-        background: "#ffffff",
-        padding: "16px",
-        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-        transform: "rotate(0deg) translateY(0)"
-      },
-      // coverContent 悬停状态
-      "&-cover-content-hovered": {
-        transform: "rotate(8deg) translateY(16px)"
-      },
-      // 引号图标
-      "&-quote-icon": {
-        width: "24px",
-        height: "24px",
-        marginBottom: "8px",
-        "& svg": {
-          width: "24px",
-          height: "24px"
-        }
-      },
-      // 引用文字
-      "&-quote-text": {
-        fontSize: "15px",
-        fontWeight: 400,
-        lineHeight: "20px",
-        color: "var(--color-gray-text-light)",
-        maxHeight: "80px",
-        overflow: "hidden",
-        display: "-webkit-box",
-        WebkitLineClamp: 4,
-        WebkitBoxOrient: "vertical",
-        textOverflow: "ellipsis"
-      },
-      // 底部内容区域
-      "&-bottom": {
-        position: "relative",
-        height: 80,
-        padding: "16px 20px 20px"
-      },
-      // 标题
-      "&-title": {
-        fontSize: "16px",
-        fontWeight: 600,
-        lineHeight: "26px",
-        color: "var(--color-gray-text-default)",
-        marginTop: 0,
-        marginBottom: "4px"
-      },
-      // 描述
-      "&-description": {
-        fontSize: "13px",
-        fontWeight: 400,
-        lineHeight: "22px",
-        color: "var(--color-gray-text-secondary)",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      },
-      // buttonBar 按钮区域
-      "&-button-bar": {
-        position: "absolute",
-        textAlign: "right",
-        bottom: "8px",
-        left: "16px",
-        right: "16px",
-        marginBottom: 0,
-        background: "linear-gradient(to right, #ffffff00 0%, #ffffff 40%)",
-        borderRadius: "4px",
-        padding: "8px",
-        width: "auto",
-        opacity: 0,
-        transform: "translateY(10px)",
-        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-        pointerEvents: "none",
-        // buttonBar 内的按钮样式
-        "& button": {
-          backgroundColor: "#000000",
-          color: "#ffffff",
-          borderRadius: "36px",
-          padding: "8px 16px",
-          cursor: "pointer",
-          border: "none",
-          fontSize: "14px",
-          transition: "all 0.2s ease-in-out",
-          display: "inline-flex",
-          alignItems: "center",
-          gap: "8px",
-          "&:hover": {
-            backgroundColor: "#333333",
-            transform: "translateY(-2px)"
-          },
-          "&:active": {
-            transform: "translateY(0)"
-          }
+    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;
+            }));
         }
-      },
-      // 箭头图标
-      "&-arrow-icon": {
-        width: "18px",
-        height: "18px",
-        borderRadius: "200px",
-        background: "#FFFFFF",
-        color: "var(--color-primary-text-secondary)",
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        flexShrink: 0,
-        transition: "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)",
-        transform: "translateX(0)",
-        "& svg": {
-          width: "12px",
-          height: "12px"
+        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;
+            });
         }
-      },
-      // 按钮悬停时箭头动画
-      "&-button-bar button:hover &-arrow-icon": {
-        transform: "translateX(4px)"
-      },
-      // buttonBar 显示状态
-      "&-button-bar-visible": {
-        opacity: 1,
-        transform: "translateY(0)",
-        pointerEvents: "auto"
-      }
+        keys.push.apply(keys, symbols);
     }
-  };
-};
-var useStyle = (prefixCls) => {
-  return useEditorStyleRegister("ChatBootCaseReply", (token) => {
-    const caseReplyToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+    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, {
+        maxWidth: '322px',
+        background: '#fdfdfd',
+        borderRadius: 'var(--radius-card-base)',
+        boxShadow: 'inset 0 0 1px 0 rgba(0, 0, 0, 0.15)',
+        position: 'relative',
+        overflow: 'hidden',
+        cursor: 'pointer',
+        transition: 'all 0.3s ease-in-out',
+        '&:hover': {
+            backgroundColor: '#ffffff',
+            boxShadow: '0 2px 12px 0 rgba(0, 0, 0, 0.08)',
+            transform: 'scale(1.02)'
+        },
+        '&:active': {
+            transform: 'scale(0.95)'
+        },
+        // cover 区域
+        '&-cover': {
+            WebkitMaskImage: '-webkit-linear-gradient(to bottom, black 0%, black 60%, transparent 100%)',
+            maskImage: 'linear-gradient(to bottom, black 0%, black 60%, transparent 100%)',
+            width: '100%',
+            height: 166,
+            display: 'flex',
+            justifyContent: 'center'
+        },
+        // coverContent 白色子卡片
+        '&-cover-content': {
+            width: '80%',
+            marginTop: '32px',
+            height: 144,
+            borderRadius: 'var(--radius-modal-base)',
+            boxShadow: '0px 0px 1px 0px rgba(71, 98, 234, 0.05), 0px 6px 16px 0px rgba(71, 98, 234, 0.12)',
+            background: '#ffffff',
+            padding: '16px',
+            transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+            transform: 'rotate(0deg) translateY(0)'
+        },
+        // coverContent 悬停状态
+        '&-cover-content-hovered': {
+            transform: 'rotate(8deg) translateY(16px)'
+        },
+        // 引号图标
+        '&-quote-icon': {
+            width: '24px',
+            height: '24px',
+            marginBottom: '8px',
+            '& svg': {
+                width: '24px',
+                height: '24px'
+            }
+        },
+        // 引用文字
+        '&-quote-text': {
+            fontSize: '15px',
+            fontWeight: 400,
+            lineHeight: '20px',
+            color: 'var(--color-gray-text-light)',
+            maxHeight: '80px',
+            overflow: 'hidden',
+            display: '-webkit-box',
+            WebkitLineClamp: 4,
+            WebkitBoxOrient: 'vertical',
+            textOverflow: 'ellipsis'
+        },
+        // 底部内容区域
+        '&-bottom': {
+            position: 'relative',
+            height: 80,
+            padding: '16px 20px 20px'
+        },
+        // 标题
+        '&-title': {
+            fontSize: '16px',
+            fontWeight: 600,
+            lineHeight: '26px',
+            color: 'var(--color-gray-text-default)',
+            marginTop: 0,
+            marginBottom: '4px'
+        },
+        // 描述
+        '&-description': {
+            fontSize: '13px',
+            fontWeight: 400,
+            lineHeight: '22px',
+            color: 'var(--color-gray-text-secondary)',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        },
+        // buttonBar 按钮区域
+        '&-button-bar': {
+            position: 'absolute',
+            textAlign: 'right',
+            bottom: '8px',
+            left: '16px',
+            right: '16px',
+            marginBottom: 0,
+            background: 'linear-gradient(to right, #ffffff00 0%, #ffffff 40%)',
+            borderRadius: '4px',
+            padding: '8px',
+            width: 'auto',
+            opacity: 0,
+            transform: 'translateY(10px)',
+            transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+            pointerEvents: 'none',
+            // buttonBar 内的按钮样式
+            '& button': {
+                backgroundColor: '#000000',
+                color: '#ffffff',
+                borderRadius: '36px',
+                padding: '8px 16px',
+                cursor: 'pointer',
+                border: 'none',
+                fontSize: '14px',
+                transition: 'all 0.2s ease-in-out',
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '8px',
+                '&:hover': {
+                    backgroundColor: '#333333',
+                    transform: 'translateY(-2px)'
+                },
+                '&:active': {
+                    transform: 'translateY(0)'
+                }
+            }
+        },
+        // 箭头图标
+        '&-arrow-icon': {
+            width: '18px',
+            height: '18px',
+            borderRadius: '200px',
+            background: '#FFFFFF',
+            color: 'var(--color-primary-text-secondary)',
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexShrink: 0,
+            transition: 'transform 300ms cubic-bezier(0.4, 0, 0.2, 1)',
+            transform: 'translateX(0)',
+            '& svg': {
+                width: '12px',
+                height: '12px'
+            }
+        },
+        // 按钮悬停时箭头动画
+        '&-button-bar button:hover &-arrow-icon': {
+            transform: 'translateX(4px)'
+        },
+        // buttonBar 显示状态
+        '&-button-bar-visible': {
+            opacity: 1,
+            transform: 'translateY(0)',
+            pointerEvents: 'auto'
+        }
     });
-    return [genStyle(caseReplyToken)];
-  });
 };
-export {
-  useStyle
+/**
+ * CaseReply 组件样式
+ */ export var useStyle = function(prefixCls) {
+    return useEditorStyleRegister('ChatBootCaseReply', function(token) {
+        var caseReplyToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(caseReplyToken)
+        ];
+    });
 };