@agentscope-ai/chat 1.1.8 → 1.1.9

package/lib/Accordion/Accordion.js

@@ -16,7 +16,7 @@ import BodyContent from "./BodyContent";
 import SoftLightTitle from "./SoftLightTitle";
 import useStyle from "./style";
 import { useProviderContext } from "../Provider";
-import { SparkCheckCircleFill, SparkErrorCircleFill, SparkDownLine, SparkUpLine, SparkLoadingLine } from '@agentscope-ai/icons';
+import { SparkCheckCircleFill, SparkErrorCircleFill, SparkDownLine, SparkUpLine, SparkLoadingLine, SparkStopCircleLine } from '@agentscope-ai/icons';
 import { Transition } from 'react-transition-group';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -33,12 +33,14 @@ function Item(props) {
   var icon = useMemo(function () {
     if (props.icon) return props.icon;
     if (props.status === 'generating') return /*#__PURE__*/_jsx(SparkLoadingLine, {
-      className: "".concat(prefixCls, "-icon-loading")
+      className: "".concat(prefixCls, "-icon-loading"),
+      spin: true
     });
     if (props.status === 'finished') return /*#__PURE__*/_jsx(SparkCheckCircleFill, {
       className: "".concat(prefixCls, "-icon-success")
     });
-    if (props.status === 'interrupted' || props.status === 'error') return /*#__PURE__*/_jsx(SparkErrorCircleFill, {
+    if (props.status === 'interrupted') return /*#__PURE__*/_jsx(SparkStopCircleLine, {});
+    if (props.status === 'error') return /*#__PURE__*/_jsx(SparkErrorCircleFill, {
       className: "".concat(prefixCls, "-icon-error")
     });
   }, [props.status, props.icon]);

package/lib/Accordion/DeepThinking.js

@@ -8,7 +8,7 @@ export default function (props) {
     theme = _useProviderContext.theme,
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('accordion-deep-thinking');
-  var isDarkMode = theme.algorithm === AntdTheme.darkAlgorithm;
+  var isDarkMode = (theme === null || theme === void 0 ? void 0 : theme.algorithm) === AntdTheme.darkAlgorithm;
   var icon = /*#__PURE__*/_jsx("img", {
     style: {
       display: 'block',

package/lib/Accordion/SoftLightTitle.js

@@ -5,7 +5,7 @@ export default function (props) {
   var _useProviderContext = useProviderContext(),
     theme = _useProviderContext.theme,
     getPrefixCls = _useProviderContext.getPrefixCls;
-  var isDarkMode = theme.algorithm === AntdTheme.darkAlgorithm;
+  var isDarkMode = (theme === null || theme === void 0 ? void 0 : theme.algorithm) === AntdTheme.darkAlgorithm;
   var prefixCls = getPrefixCls('accordion-soft-light-title');
   return /*#__PURE__*/_jsx("div", {
     className: prefixCls,

package/lib/Accordion/style.js

@@ -1,14 +1,12 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createGlobalStyle } from "./..";
-export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-accordion-group {\n  width: 100%;\n\n  svg {\n    transform: scale(1.25);\n  }\n  \n  .anticon-spin::before,\n  .anticon-spin {\n    animation-duration: 2s;\n  }\n  &-icon-success {\n    color: ", ";\n  }\n\n  &-icon-loading {\n    animation: ", "-loading 2s linear infinite;\n  }\n\n\n  @keyframes ", "-loading {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  &-icon-error {\n    color: ", ";\n  }\n\n  &-header {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: ", ";\n    padding: 6px 12px;\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 18px;\n    background-color: ", ";\n\n    &-arrow {\n      display: flex;\n      align-items: center;\n    }\n\n    &-close {\n      border-radius: ", "px;\n      border: 1px solid ", ";\n      display: inline-flex;\n    }\n\n    &-icon {\n      position: relative;\n      display: flex;\n      width: 16px;\n      height: 16px;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n\n      &-line {\n        &::before,\n        &::after {\n          content: '';\n          position: absolute;\n          width: 1px;\n          height: 7px;\n          background-color: ", ";\n          left: 50%;\n          transform: translateX(-50%);\n        }\n\n        &::before {\n          top: -9px;\n        }\n\n        &::after {\n          bottom: -9px;\n        }\n      }\n\n      &-last::after {\n        content: none;\n      }\n\n      &-first::before {\n        content: none;\n      }\n    }\n  }\n\n  &-open {\n    overflow: hidden;\n    border-radius: 8px;\n    border: 1px solid ", ";\n  }\n\n  &-body {\n    margin: 8px;\n    color: ", ";\n    font-size: 12px;\n    border-radius: 8px;\n    overflow: hidden;\n\n    .", "-accordion-group-header {\n      background-color: transparent;\n    }\n\n    \n\n    .", "-accordion-group-header-close,\n    .", "-accordion-group-open {\n      border: 1px solid transparent;\n    }\n\n    .", "-accordion-group-header-close {\n      display: flex;\n    }\n\n    &-inline {\n      padding: 8px 0;\n      margin: 0;\n      background-color: transparent;\n    }\n\n    > .", "-accordion-group {\n      background-color: ", ";\n\n      &-open {\n        border-radius: 0;\n      }\n    }\n\n    &-close {\n      height: 0;\n      padding: 0;\n      margin: 0;\n    }\n  }\n}\n\n.", "-accordion-deep-thinking {\n  font-size: 12px;\n  color: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n  line-height: 20px;\n  padding: 0 12px;\n  border-left: 1px solid ", ";\n}\n\n.", "-accordion-soft-light-title {\n  font-size: 12px;\n  position: relative;\n  display: inline-block;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  mask-image: linear-gradient(\n    270deg,\n    rgba(231, 231, 237, 0.88) 20%,\n    rgba(231, 231, 237, 0.5) 50%,\n    rgba(255, 255, 255, 0.4) 52%,\n    rgba(231, 231, 237, 0.5) 70%,\n    rgba(231, 231, 237, 0.88) 80%\n  );\n  mask-size: 200% 100%;\n  animation: softlight-text 3s linear infinite;\n}\n\n\n@keyframes softlight-text {\n  0% {\n    mask-position: 100% 0;\n  }\n\n  100% {\n    mask-position: -100% 0;\n  }\n}\n\n.", "-accordion-content-body {\n  border: 1px solid ", ";\n  border-radius: 8px;\n  overflow: hidden;\n  &-header {\n    display: flex;\n    height: 24px;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 12px;\n    border-bottom: 1px solid ", ";\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &-body {\n    background-color: ", ";\n  }\n}\n"])), function (p) {
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-accordion-group {\n  width: 100%;\n\n  svg {\n    transform: scale(1.25);\n  }\n  \n  .anticon-spin::before,\n  .anticon-spin {\n    animation-duration: 2s;\n  }\n  &-icon-success {\n    color: ", ";\n  }\n\n  \n\n\n  @keyframes ", "-loading {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  &-icon-error {\n    color: ", ";\n  }\n\n  &-header {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: ", ";\n    padding: 6px 12px;\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 20px;\n    background-color: ", ";\n\n    &-arrow {\n      display: flex;\n      align-items: center;\n    }\n\n    &-close {\n      border-radius: ", "px;\n      border: 1px solid ", ";\n      display: inline-flex;\n    }\n\n    &-icon {\n      position: relative;\n      display: flex;\n      width: 16px;\n      height: 16px;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n\n      &-line {\n        &::before,\n        &::after {\n          content: '';\n          position: absolute;\n          width: 1px;\n          height: 7px;\n          background-color: ", ";\n          left: 50%;\n          transform: translateX(-50%);\n        }\n\n        &::before {\n          top: -9px;\n        }\n\n        &::after {\n          bottom: -9px;\n        }\n      }\n\n      &-last::after {\n        content: none;\n      }\n\n      &-first::before {\n        content: none;\n      }\n    }\n  }\n\n  &-open {\n    overflow: hidden;\n    border-radius: 8px;\n    border: 1px solid ", ";\n  }\n\n  &-body {\n    margin: 8px;\n    color: ", ";\n    font-size: 12px;\n    border-radius: 8px;\n    overflow: hidden;\n\n    .", "-accordion-group-header {\n      background-color: transparent;\n    }\n\n    \n\n    .", "-accordion-group-header-close,\n    .", "-accordion-group-open {\n      border: 0;\n    }\n\n    .", "-accordion-group-header-close {\n      display: flex;\n    }\n\n    &-inline {\n      padding: 8px 0;\n      margin: 0;\n      background-color: transparent;\n    }\n\n    > .", "-accordion-group {\n      background-color: ", ";\n\n      &-open {\n        border-radius: 0;\n      }\n    }\n\n    &-close {\n      height: 0;\n      padding: 0;\n      margin: 0;\n    }\n  }\n}\n\n.", "-accordion-deep-thinking {\n  font-size: 12px;\n  color: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n  line-height: 20px;\n  padding: 0 12px;\n  border-left: 1px solid ", ";\n}\n\n.", "-accordion-soft-light-title {\n  font-size: 12px;\n  position: relative;\n  display: inline-block;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  mask-image: linear-gradient(\n    270deg,\n    rgba(231, 231, 237, 0.88) 20%,\n    rgba(231, 231, 237, 0.5) 50%,\n    rgba(255, 255, 255, 0.4) 52%,\n    rgba(231, 231, 237, 0.5) 70%,\n    rgba(231, 231, 237, 0.88) 80%\n  );\n  mask-size: 200% 100%;\n  animation: softlight-text 3s linear infinite;\n}\n\n\n@keyframes softlight-text {\n  0% {\n    mask-position: 100% 0;\n  }\n\n  100% {\n    mask-position: -100% 0;\n  }\n}\n\n.", "-accordion-content-body {\n  border: 1px solid ", ";\n  border-radius: 8px;\n  overflow: hidden;\n  &-header {\n    display: flex;\n    height: 24px;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 12px;\n    border-bottom: 1px solid ", ";\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &-body {\n    background-color: ", ";\n  }\n}\n"])), function (p) {
   return p.prefix;
 }, function (p) {
   return p.theme.colorSuccess;
 }, function (p) {
   return p.prefix;
-}, function (p) {
-  return p.prefix;
 }, function (p) {
   return p.theme.colorError;
 }, function (p) {

package/lib/ChatAnywhere/Input/index.js

@@ -72,6 +72,9 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
       setInputContent: setContent
     };
   }, []);
+  useEffect(function () {
+    inputContext.setDisabled(onInput.disabled);
+  }, [onInput.disabled]);
   if (onInput.hide) return null;
   var handleFileChange = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(index, fileList) {

package/lib/ChatAnywhere/hooks/types.d.ts

@@ -159,6 +159,11 @@ export interface IChatAnywhereConfigOnInput {
      * @descriptionEn Placeholder text for the input field
      */
     placeholder?: string;
+    /**
+     * @description 输入框是否禁用
+     * @descriptionEn Whether the input field is disabled
+     */
+    disabled?: boolean;
 }
 export interface IChatAnywhereConfigOnUpload {
     /**
@@ -196,6 +201,11 @@ export interface IChatAnywhereConfigOnUpload {
      * @descriptionEn Icon for the upload button
      */
     icon?: string | React.ReactElement;
+    /**
+     * @description 是否禁用上传组件
+     * @descriptionEn Whether to disable the upload component
+     */
+    disabled?: boolean;
 }
 export interface IChatAnywhereConfig {
     /**

package/lib/DefaultCards/DeepThinking/index.d.ts

@@ -1,6 +1,8 @@
 interface IProps {
     data: {
+        block?: boolean;
         title?: string;
+        subTitle?: string;
         loading?: boolean;
         content?: string;
         className?: string;

package/lib/DefaultCards/Images/index.js

@@ -5,7 +5,9 @@ import { Space, Image as AntdImage, ConfigProvider } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-image {\n  border-radius: 8px;\n  overflow: hidden;\n\n  .", "-image-img {\n    object-fit: cover;\n  }\n\n  .", "-image-mask-info {\n    span {\n      margin-inline-end: 0 !important;\n    }\n  }\n}\n"])), function (p) {
+var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-image {\n  border-radius: 8px;\n  overflow: hidden;\n\n  .", "-image {\n    display: block;\n  }\n  .", "-image-img {\n    object-fit: cover;\n  }\n\n  .", "-image-mask-info {\n    span {\n      margin-inline-end: 0 !important;\n    }\n  }\n}\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
   return p.prefix;
 }, function (p) {
   return p.prefix;

package/lib/DefaultCards/Text/index.js

@@ -1,14 +1,15 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { Markdown } from "../..";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function (props) {
-  return /*#__PURE__*/_jsx(Markdown, {
-    raw: props.data.raw,
-    content: props.data.content,
-    cursor: props.data.msgStatus === 'generating',
-    typing: props.data.typing,
-    citations: props.data.citations,
-    citationsMap: props.data.citationsMap,
-    className: props.data.className
-  });
+  var cursor = props.data.msgStatus === 'generating';
+  return /*#__PURE__*/_jsx(Markdown, _objectSpread({
+    cursor: cursor
+  }, props.data));
 }

package/lib/DeviceAction/index.d.ts

@@ -0,0 +1,33 @@
+export interface IDeviceActionProps {
+    /**
+     * @description 时间
+     * @descriptionEn Time
+     * @default ''
+     */
+    time?: string;
+    /**
+     * @description 动作
+     * @descriptionEn Action
+     * @default ''
+     */
+    action: 'Click' | 'Swipe' | 'Type' | 'Back' | 'Home' | 'Done' | 'Wait' | 'call_user';
+    /**
+     * @description 动作名称，通常不用传入，会根据 action 自动生成
+     * @descriptionEn Action Name, usually not passed in, will be generated automatically based on action
+     * @default ''
+     */
+    actionName?: string;
+    /**
+     * @description 描述
+     * @descriptionEn Description
+     * @default ''
+     */
+    description: string;
+    /**
+     * @description 操作截图
+     * @descriptionEn Operation Screenshot
+     * @default ''
+     */
+    image?: string;
+}
+export default function (props: IDeviceActionProps): import("react/jsx-runtime").JSX.Element;

package/lib/DeviceAction/index.js

@@ -0,0 +1,77 @@
+import { OperateCard, useProviderContext } from "./..";
+import { SparkCheckCircleLine, SparkEditLine, SparkHomeLine, SparkLoadingLine, SparkSortLine, SparkTargetLine, SparkUndoLine } from '@agentscope-ai/icons';
+import { ConfigProvider, Image } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var actionMap = {
+  Click: {
+    name: '点击',
+    icon: /*#__PURE__*/_jsx(SparkTargetLine, {})
+  },
+  Swipe: {
+    name: '滑动',
+    icon: /*#__PURE__*/_jsx(SparkSortLine, {})
+  },
+  Type: {
+    name: '输入',
+    icon: /*#__PURE__*/_jsx(SparkEditLine, {})
+  },
+  Back: {
+    name: '返回',
+    icon: /*#__PURE__*/_jsx(SparkUndoLine, {})
+  },
+  Home: {
+    name: '主页',
+    icon: /*#__PURE__*/_jsx(SparkHomeLine, {})
+  },
+  Done: {
+    name: '完成',
+    icon: /*#__PURE__*/_jsx(SparkCheckCircleLine, {})
+  },
+  Wait: {
+    name: '等待',
+    icon: /*#__PURE__*/_jsx(SparkLoadingLine, {})
+  }
+};
+export default function (props) {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('operate-card');
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-device-action-time"),
+      children: props.time
+    }), /*#__PURE__*/_jsx(OperateCard, {
+      header: {
+        className: "".concat(prefixCls, "-device-action"),
+        icon: actionMap[props.action].icon,
+        title: /*#__PURE__*/_jsxs("div", {
+          className: "".concat(prefixCls, "-device-action-content"),
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: "".concat(prefixCls, "-device-action-description"),
+            children: [/*#__PURE__*/_jsx("span", {
+              children: props.actionName || actionMap[props.action].name
+            }), /*#__PURE__*/_jsx("span", {
+              children: props.description
+            })]
+          }), /*#__PURE__*/_jsx("div", {
+            className: "".concat(prefixCls, "-device-action-image"),
+            children: /*#__PURE__*/_jsx(ConfigProvider, {
+              locale: {
+                Image: {
+                  preview: ''
+                }
+              },
+              children: /*#__PURE__*/_jsx(Image, {
+                src: props.image,
+                alt: props.description,
+                width: '100%',
+                height: '100%'
+              })
+            })
+          })]
+        })
+      }
+    })]
+  });
+}

package/lib/ImageGenerator/index.d.ts

@@ -36,6 +36,18 @@ export interface IImageGeneratorProps {
      * @default null
      */
     skeleton?: ReactNode;
+    /**
+     * @description 自定义骨架屏组件的加载态提示
+     * @descriptionEn Custom skeleton screen component prompt text
+     * @default 'Painting...'
+     */
+    skeletonText?: string;
+    /**
+     * @description 是否为块级元素，使得图片宽高比为 width / height
+     * @descriptionEn Whether to be a block element, make the image width / height ratio
+     * @default false
+     */
+    block?: boolean;
 }
 declare const ImageGenerator: React.FC<IImageGeneratorProps>;
 export default ImageGenerator;

package/lib/ImageGenerator/index.js

@@ -12,7 +12,9 @@ var ImageGenerator = function ImageGenerator(props) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('image-generator');
-  var _props$width = props.width,
+  var block = props.block,
+    skeletonText = props.skeletonText,
+    _props$width = props.width,
     width = _props$width === void 0 ? 320 : _props$width,
     _props$height = props.height,
     height = _props$height === void 0 ? 320 : _props$height,
@@ -24,19 +26,31 @@ var ImageGenerator = function ImageGenerator(props) {
   var skeleton = props.skeleton || /*#__PURE__*/_jsxs("div", {
     className: "".concat(prefixCls, "-default-skeleton"),
     style: {
-      width: width,
-      height: height
+      width: '100%',
+      height: '100%'
     },
     children: [/*#__PURE__*/_jsx("img", {
       className: "".concat(prefixCls, "-default-skeleton-bg"),
       src: "https://img.alicdn.com/imgextra/i2/O1CN01jwLfwV1hPiHfJjQXM_!!6000000004270-2-tps-1155-763.png",
       alt: ""
-    }), /*#__PURE__*/_jsx("img", {
-      className: "".concat(prefixCls, "-default-skeleton-icon"),
-      src: "https://img.alicdn.com/imgextra/i2/O1CN01M1X8yM1MWUC7u3Go5_!!6000000001442-54-tps-72-72.apng"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefixCls, "-default-skeleton-content"),
+      children: [/*#__PURE__*/_jsx("img", {
+        className: "".concat(prefixCls, "-default-skeleton-icon"),
+        src: "https://img.alicdn.com/imgextra/i2/O1CN01M1X8yM1MWUC7u3Go5_!!6000000001442-54-tps-72-72.apng"
+      }), skeletonText && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-default-skeleton-text"),
+        children: skeletonText
+      })]
     })]
   });
   var loading = !src;
+  var size = block ? {
+    aspectRatio: "".concat(width, "/").concat(height)
+  } : {
+    width: width,
+    height: height
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
       className: prefixCls,
@@ -52,10 +66,7 @@ var ImageGenerator = function ImageGenerator(props) {
         }) : doneText]
       }), /*#__PURE__*/_jsx("div", {
         className: "".concat(prefixCls, "-wrapper"),
-        style: {
-          width: width,
-          height: height
-        },
+        style: size,
         children: loading ? skeleton : /*#__PURE__*/_jsx(ConfigProvider, {
           locale: {
             Image: {
@@ -63,8 +74,8 @@ var ImageGenerator = function ImageGenerator(props) {
             }
           },
           children: /*#__PURE__*/_jsx(Image, {
-            height: height,
-            width: width,
+            width: '100%',
+            height: '100%',
             src: src
           })
         })

package/lib/ImageGenerator/style.js

@@ -1,7 +1,7 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createGlobalStyle } from "./..";
-export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image-generator {\n\n  .", "-image {\n    border-radius: 8px;\n    filter: blur(20px);\n    animation: ", "clearBlur 1s ease forwards;\n    overflow: hidden;\n  }\n\n\n  &-wrapper {\n    overflow: hidden;\n  }\n\n\n  &-text {\n    position: relative;\n    display: flex;\n    gap: 8px;\n    height: 40px;\n    align-items: center;\n    font-size: 14px;\n    line-height: 26px;\n    color: ", ";\n\n\n    &-success {\n      color: ", ";\n      font-size: 20px;\n    }\n  }\n\n  &-default-skeleton {\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n\n    &-bg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) rotate(0deg);\n      width: 300%;\n      height: 300%;\n      object-fit: cover;\n      animation: ", "spin 6s linear infinite;\n      pointer-events: none;\n    }\n\n    &-icon {\n      width: 32px;\n      height: 32px;\n      z-index: 1;\n    }\n  }\n}\n\n\n\n@keyframes ", "clearBlur {\n  from {\n    filter: blur(20px);\n  }\n  to {\n    filter: blur(0);\n  }\n}\n\n@keyframes ", "spin {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n"])), function (p) {
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image-generator {\n\n  .", "-image {\n    border-radius: 8px;\n    filter: blur(20px);\n    animation: ", "clearBlur 1s ease forwards;\n    overflow: hidden;\n  }\n\n\n  &-wrapper {\n    overflow: hidden;\n  }\n\n\n  &-text {\n    position: relative;\n    display: flex;\n    gap: 8px;\n    height: 40px;\n    align-items: center;\n    font-size: 14px;\n    line-height: 26px;\n    color: ", ";\n\n\n    &-success {\n      color: ", ";\n      font-size: 20px;\n    }\n  }\n\n  &-default-skeleton {\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n\n    &-bg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) rotate(0deg);\n      width: 300%;\n      height: 300%;\n      object-fit: cover;\n      animation: ", "spin 6s linear infinite;\n      pointer-events: none;\n    }\n\n    &-icon {\n      width: 32px;\n      height: 32px;\n    } \n\n    &-content {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      align-items: center;\n      justify-content: center;\n      z-index: 1;\n      \n    }\n\n    &-text {\n      margin-top: 8px;\n      font-size: 14px;\n      color: ", ";\n    }\n  }\n}\n\n\n\n@keyframes ", "clearBlur {\n  from {\n    filter: blur(20px);\n  }\n  to {\n    filter: blur(0);\n  }\n}\n\n@keyframes ", "spin {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n"])), function (p) {
   return p.prefix;
 }, function (p) {
   return p.prefix;
@@ -13,6 +13,8 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
   return p.theme.colorSuccess;
 }, function (p) {
   return p.prefix;
+}, function (p) {
+  return p.theme.colorBgBase;
 }, function (p) {
   return p.prefix;
 }, function (p) {

package/lib/Markdown/CodeBlock.js

@@ -45,7 +45,7 @@ var CodeBlock = function CodeBlock(_ref) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls,
     theme = _useProviderContext.theme;
-  var isDarkMode = theme.algorithm === AntdTheme.darkAlgorithm;
+  var isDarkMode = (theme === null || theme === void 0 ? void 0 : theme.algorithm) === AntdTheme.darkAlgorithm;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     copied = _useState2[0],

package/lib/Markdown/ImageOrMedia.js

@@ -70,8 +70,11 @@ function Video(props) {
         return setOpen(true);
       },
       className: prefixCls,
-      children: /*#__PURE__*/_jsx(SparkPlayCircleFill, {
-        className: "".concat(prefixCls, "-play")
+      children: /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-poster"),
+        children: /*#__PURE__*/_jsx(SparkPlayCircleFill, {
+          className: "".concat(prefixCls, "-play")
+        })
       })
     }), /*#__PURE__*/_jsx(Modal, {
       closeIcon: /*#__PURE__*/_jsx("a", {

package/lib/Markdown/Link.js

@@ -18,9 +18,9 @@ var Link = function Link(props) {
     target = props.target,
     citationsData = props.citationsData,
     children = props.children;
-  if (children === 'cursor' && (href === 'dot' || href === 'underline')) {
-    if (href === 'dot') return /*#__PURE__*/_jsx(Dot, {});
-    if (href === 'underline') return /*#__PURE__*/_jsx(Underline, {});
+  if (children === '.' && (href === '.' || href === '_')) {
+    if (href === '.') return /*#__PURE__*/_jsx(Dot, {});
+    if (href === '_') return /*#__PURE__*/_jsx(Underline, {});
   }
   var match = href === null || href === void 0 || (_href$startsWith = href.startsWith) === null || _href$startsWith === void 0 ? void 0 : _href$startsWith.call(href, 'citation-');
   if (match) {

package/lib/Markdown/Markdown.js

@@ -47,8 +47,8 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
 
   // 计算缓存键
   var cacheKey = useMemo(function () {
-    return "".concat(children, "-").concat(enableLatex, "-").concat(enableCustomFootnotes, "-").concat(Object.keys(citationsData).length);
-  }, [children, enableLatex, enableCustomFootnotes, citationsData]);
+    return "".concat(children, "-").concat(cursor, "-").concat(enableLatex, "-").concat(enableCustomFootnotes, "-").concat(Object.keys(citationsData).length);
+  }, [children, cursor, enableLatex, enableCustomFootnotes, citationsData]);
 
   // 处理内容并利用缓存避免重复计算
   var escapedContent = useMemo(function () {
@@ -65,16 +65,14 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     } else {
       processedContent = fixMarkdownBold(children);
     }
-
-    // 缓存处理结果
-    addToCache(cacheKey, processedContent);
     if (cursor) {
       if (typeof cursor === 'string') {
-        processedContent = processedContent + " [cursor](".concat(cursor, ")");
+        processedContent = processedContent + " [.](".concat(cursor === 'dot' ? '.' : '_', ")");
       } else {
-        processedContent = processedContent + " [cursor](dot)";
+        processedContent = processedContent + " [.](.)";
       }
     }
+    addToCache(cacheKey, processedContent);
     return processedContent;
   }, [cacheKey, children, cursor, enableLatex, enableCustomFootnotes, citationsData]);
 

package/lib/Markdown/index.js

@@ -3,16 +3,19 @@ import Markdown from "./Markdown";
 import useStyle from "./style";
 import { useGlobalContext, useProviderContext } from "./..";
 import classnames from 'classnames';
+import { useTyping } from "./useTyping";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function MarkdownComponent(props) {
   var _useGlobalContext = useGlobalContext(),
     markdown = _useGlobalContext.markdown;
-  var _props$content = props.content,
-    content = _props$content === void 0 ? '' : _props$content,
-    _props$raw = props.raw,
+  var _props$raw = props.raw,
     raw = _props$raw === void 0 ? false : _props$raw;
+  var content = useTyping({
+    content: props.content || '',
+    typing: props.typing
+  });
   var baseFontSize = props.baseFontSize || (markdown === null || markdown === void 0 ? void 0 : markdown.baseFontSize) || 14;
   var baseLineHeight = props.baseLineHeight || 1.7;
   var Style = useStyle();

package/lib/Markdown/style.js

@@ -1,7 +1,7 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createGlobalStyle } from "./..";
-export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-markdown  {\n  color: inherit;\n\n  .katex-display {\n    font-size: 1.3em;\n  }\n\n  .katex-html {\n    display: none;\n  }\n\n  .katex-error {\n    color: inherit !important;\n  }\n\n  .cm-gutter-lint {\n    width: 0;\n  }\n\n  .cm-line {\n    background-color: transparent !important;\n  }\n\n  .cm-activeLineGutter {\n    background-color: transparent !important;\n    color: inherit !important;\n  }\n\n  .\u037C1.cm-focused {\n    outline: 0 !important;\n  }\n\n  mstyle[mathcolor=\"#cc0000\"] {\n    opacity: 0;\n  }\n\n  ol, ul  {\n    padding-left: 30px;\n  }\n\n  blockquote {\n    padding-inline: 0.6em 0;\n    padding-block: 0;\n    margin: 1em 0;\n    border-inline-start: 4px solid rgba(100, 100, 100, 0.2);\n    opacity: 0.85;\n  }\n\n  &-cursor {}\n\n  figure {\n    margin: 0;\n  }\n\n  figure img {\n    display: block;\n    cursor: pointer;\n  }\n\n  code .", "-markdown-cursor,\n  pre .", "-markdown-cursor,\n  table .", "-markdown-cursor {\n    display: none;\n  }\n\n  @keyframes typography-cursor {\n    0% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n\n  code {\n    font-size: 0.8571428571428571em;\n    border: 0 !important;\n  }\n\n  pre code {\n    font-size: 0.8571428571428571em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0.5714285714285714em !important;\n    margin-bottom: 0.5714285714285714em !important;\n    font-weight: 500;\n    line-height: 1.7777;\n    color: inherit !important;\n  }\n\n  p {\n    margin-top: 0.5714285714285714em !important;\n    margin-bottom: 0.5714285714285714em !important;\n  }\n\n  h1 {\n    font-size: 1.2857142857142858em;\n  }\n\n  h2 {\n    font-size: 1.1428571428571428em;\n  }\n\n  h3 {\n    font-size: 1em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 1em;\n  }\n\n  hr {\n    border-color: ", ";\n    border-style: solid;\n    border-width: 1px 0 0 0;\n    margin: 1em 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n  }\n\n  table th {\n    background: ", ";\n    text-align: left;\n  }\n\n  table td,\n  table th {\n    padding: 0.75em 1.5em;\n    border: 1px solid ", ";\n    white-space: pre;\n  }\n\n  .", "-image {\n    min-width: 70%;\n  }\n\n}\n\n.", "-markdown-video {\n  position: relative;\n  width: 30%;\n  padding-top: 18%;\n  border-radius: 8px;\n  cursor: pointer;\n  background-color: #000;\n\n  &-play {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    color: #ccc;\n    font-size: 30px;\n  }\n}\n\n\n.", "-markdown .", "-image {\n  cursor: pointer;\n  overflow: hidden;\n  border-radius: 8px;\n}\n\n.", "-markdown  > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.", "-markdown  > *:first-child {\n  margin-top: 0 !important;\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n\n.animate-fade-in {\n  animation: fade-in 1s;\n}\n\n"])), function (p) {
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-markdown  {\n  color: inherit;\n\n  .katex-display {\n    font-size: 1.3em;\n  }\n\n  .katex-html {\n    display: none;\n  }\n\n  .katex-error {\n    color: inherit !important;\n  }\n\n  .cm-gutter-lint {\n    width: 0;\n  }\n\n  .cm-line {\n    background-color: transparent !important;\n  }\n\n  .cm-activeLineGutter {\n    background-color: transparent !important;\n    color: inherit !important;\n  }\n\n  .\u037C1.cm-focused {\n    outline: 0 !important;\n  }\n\n  mstyle[mathcolor=\"#cc0000\"] {\n    opacity: 0;\n  }\n\n  ol, ul  {\n    padding-left: 30px;\n  }\n\n  blockquote {\n    padding-inline: 0.6em 0;\n    padding-block: 0;\n    margin: 1em 0;\n    border-inline-start: 4px solid rgba(100, 100, 100, 0.2);\n    opacity: 0.85;\n  }\n\n  &-cursor {}\n\n  figure {\n    margin: 0;\n  }\n\n  figure img {\n    display: block;\n    cursor: pointer;\n  }\n\n  code .", "-markdown-cursor,\n  pre .", "-markdown-cursor,\n  table .", "-markdown-cursor {\n    display: none;\n  }\n\n  @keyframes typography-cursor {\n    0% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n\n  code {\n    font-size: 0.8571428571428571em;\n    border: 0 !important;\n  }\n\n  pre code {\n    font-size: 0.8571428571428571em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0.5714285714285714em !important;\n    margin-bottom: 0.5714285714285714em !important;\n    font-weight: 500;\n    line-height: 1.7777;\n    color: inherit !important;\n  }\n\n  p {\n    margin-top: 0.5714285714285714em !important;\n    margin-bottom: 0.5714285714285714em !important;\n  }\n\n  h1 {\n    font-size: 1.2857142857142858em;\n  }\n\n  h2 {\n    font-size: 1.1428571428571428em;\n  }\n\n  h3 {\n    font-size: 1em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 1em;\n  }\n\n  hr {\n    border-color: ", ";\n    border-style: solid;\n    border-width: 1px 0 0 0;\n    margin: 1em 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n  }\n\n  table th {\n    background: ", ";\n    text-align: left;\n  }\n\n  table td,\n  table th {\n    padding: 0.75em 1.5em;\n    border: 1px solid ", ";\n    white-space: pre;\n  }\n\n  .", "-image {\n    max-width: 480px;\n  }\n\n}\n\n.", "-markdown-video {\n  position: relative;\n  cursor: pointer;\n  \n  &-poster {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    max-width: 480px;\n    background-color: #000;\n    border-radius: 8px;\n    padding: 100px 0;\n  }\n\n  &-play {\n    color: #ccc;\n    font-size: 30px;\n  }\n}\n\n\n.", "-markdown .", "-image {\n  cursor: pointer;\n  overflow: hidden;\n  border-radius: 8px;\n}\n\n.", "-markdown  > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.", "-markdown  > *:first-child {\n  margin-top: 0 !important;\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n\n.animate-fade-in {\n  animation: fade-in 1s;\n}\n\n"])), function (p) {
   return p.prefix;
 }, function (p) {
   return p.prefix;

package/lib/Markdown/useTyping.d.ts

@@ -0,0 +1,4 @@
+export declare const useTyping: ({ content, typing }: {
+    content: any;
+    typing: any;
+}) => any;

package/lib/Markdown/useTyping.js

@@ -0,0 +1,32 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useRef, useState } from "react";
+export var useTyping = function useTyping(_ref) {
+  var content = _ref.content,
+    typing = _ref.typing;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var timer = useRef();
+  useEffect(function () {
+    if (typing) {
+      timer.current = setInterval(function () {
+        setIndex(function (v) {
+          return v + 1;
+        });
+      }, 5);
+    } else {
+      timer.current && clearInterval(timer.current);
+    }
+    return function () {
+      return clearInterval(timer.current);
+    };
+  }, [typing]);
+  if (!typing) return content;
+  return content.slice(0, index);
+};

package/lib/Mermaid/index.js

@@ -26,28 +26,32 @@ var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 });
 
 // 懒加载 Mermaid 实例
-var mermaidPromise = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-  var module;
-  return _regeneratorRuntime().wrap(function _callee$(_context) {
-    while (1) switch (_context.prev = _context.next) {
-      case 0:
-        if (!(typeof window === 'undefined')) {
-          _context.next = 2;
-          break;
-        }
-        return _context.abrupt("return");
-      case 2:
-        _context.next = 4;
-        return import('mermaid');
-      case 4:
-        module = _context.sent;
-        return _context.abrupt("return", module.default);
-      case 6:
-      case "end":
-        return _context.stop();
-    }
-  }, _callee);
-}))();
+var mermaidPromise;
+var genMermaidPromise = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!mermaidPromise) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", mermaidPromise);
+        case 2:
+          mermaidPromise = import('mermaid').then(function (module) {
+            return module.default;
+          });
+          return _context.abrupt("return", mermaidPromise);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function genMermaidPromise() {
+    return _ref.apply(this, arguments);
+  };
+}();
 export default function Mermaid(props) {
   var content = props.content,
     width = props.width,
@@ -59,11 +63,11 @@ export default function Mermaid(props) {
   var prefixCls = getPrefixCls('mermaid');
   var mermaidConfig = useMemo(function () {
     return {
-      theme: theme.algorithm === AntdTheme.darkAlgorithm ? 'dark' : 'default',
+      theme: (theme === null || theme === void 0 ? void 0 : theme.algorithm) === AntdTheme.darkAlgorithm ? 'dark' : 'default',
       securityLevel: 'loose',
       startOnLoad: false
     };
-  }, [theme.algorithm, theme.token.fontFamily]);
+  }, [theme === null || theme === void 0 ? void 0 : theme.algorithm, theme === null || theme === void 0 ? void 0 : theme.token.fontFamily]);
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     renderedContent = _useState2[0],
@@ -81,7 +85,7 @@ export default function Mermaid(props) {
         case 0:
           _context2.prev = 0;
           _context2.next = 3;
-          return mermaidPromise;
+          return genMermaidPromise();
         case 3:
           mermaidInstance = _context2.sent;
           if (mermaidInstance) {