@agentscope-ai/chat 1.1.7 → 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/Bubble/ScrollToBottom.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useProviderContext } from "./..";
 import cls from 'classnames';
 import { useStickToBottomContext } from 'use-stick-to-bottom';
-import { IconButton } from "@ali/agentscope-ai-design";
+import { IconButton } from "@agentscope-ai/design";
 import { SparkDownArrowLine } from '@agentscope-ai/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 var ScrollToBottomButton = function ScrollToBottomButton(_, ref) {

package/lib/ChatAnywhere/Header/index.js

@@ -4,7 +4,7 @@ import { isMobileHook } from "../Layout";
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useSessionList } from "../hooks/useSessionList";
 import useStyle from "./style";
-import { IconButton } from "@ali/agentscope-ai-design";
+import { IconButton } from "@agentscope-ai/design";
 import { SparkOperateLeftLine, SparkOperateRightLine } from "@agentscope-ai/icons";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/ChatAnywhere/Input/index.js

@@ -13,14 +13,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 React, { forwardRef, useRef } from 'react';
+import React, { forwardRef, useEffect } from 'react';
 import { useProviderContext, ChatInput, Sender, Attachments } from "../..";
 import cls from 'classnames';
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useInput } from "../hooks/useInput";
 import { Upload } from 'antd';
 import useStyle from "./style";
-import { IconButton } from "@ali/agentscope-ai-design";
+import { IconButton } from "@agentscope-ai/design";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -34,11 +34,14 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
   var onUpload = useChatAnywhere(function (v) {
     return v.onUpload;
   });
-  var resetData = useRef(new Array((onUpload === null || onUpload === void 0 ? void 0 : onUpload.length) || 0).fill([]));
-  var _React$useState3 = React.useState(resetData.current),
+  var resetData = new Array((onUpload === null || onUpload === void 0 ? void 0 : onUpload.length) || 0).fill([]);
+  var _React$useState3 = React.useState(resetData),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     attachedFiles = _React$useState4[0],
     setAttachedFiles = _React$useState4[1];
+  useEffect(function () {
+    setAttachedFiles(resetData);
+  }, [resetData.length]);
   var inputContext = useInput();
   var uiConfig = useChatAnywhere(function (v) {
     return v.uiConfig;
@@ -69,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) {
@@ -171,7 +177,7 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
                   fileList: submitFileList
                 });
                 setContent('');
-                setAttachedFiles(resetData.current);
+                setAttachedFiles(resetData);
               case 8:
               case "end":
                 return _context2.stop();

package/lib/ChatAnywhere/SessionList/index.js

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { Conversations } from "../..";
 import cls from 'classnames';
 import { useProviderContext } from "../..";
-import { Button, IconButton } from "@ali/agentscope-ai-design";
+import { Button, IconButton } from "@agentscope-ai/design";
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useSessionList } from "../hooks/useSessionList";
 import { useMessages } from "../hooks/useMessages";

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/ChatAnywhere/hooks/useInput.d.ts

@@ -4,4 +4,6 @@ export declare function useInput(): {
     disabled: boolean;
     setLoading: React.Dispatch<React.SetStateAction<boolean>>;
     setDisabled: React.Dispatch<React.SetStateAction<boolean>>;
+    getLoading: () => boolean;
+    getDisabled: () => boolean;
 };

package/lib/ChatAnywhere/hooks/useInput.js

@@ -3,7 +3,9 @@ export function useInput() {
   var _useChatAnywhere = useChatAnywhere(function (v) {
       return {
         loading: v.loading,
+        getLoading: v.getLoading,
         disabled: v.disabled,
+        getDisabled: v.getDisabled,
         setLoading: v.setLoading,
         setDisabled: v.setDisabled
       };
@@ -11,11 +13,15 @@ export function useInput() {
     loading = _useChatAnywhere.loading,
     disabled = _useChatAnywhere.disabled,
     setLoading = _useChatAnywhere.setLoading,
-    setDisabled = _useChatAnywhere.setDisabled;
+    setDisabled = _useChatAnywhere.setDisabled,
+    getLoading = _useChatAnywhere.getLoading,
+    getDisabled = _useChatAnywhere.getDisabled;
   return {
     loading: loading,
     disabled: disabled,
     setLoading: setLoading,
-    setDisabled: setDisabled
+    setDisabled: setDisabled,
+    getLoading: getLoading,
+    getDisabled: getDisabled
   };
 }

package/lib/Conversations/Item.js

@@ -18,7 +18,7 @@ import classnames from 'classnames';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import pickAttrs from 'rc-util/lib/pickAttrs';
 import { SparkMoreLine } from '@agentscope-ai/icons';
-import { IconButton } from "@ali/agentscope-ai-design";
+import { IconButton } from "@agentscope-ai/design";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var stopPropagation = function stopPropagation(e) {

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/Footer/index.js

@@ -2,7 +2,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 React from 'react';
 import { createGlobalStyle, useProviderContext } from "../..";
-import { IconButton } from "@ali/agentscope-ai-design";
+import { IconButton } from "@agentscope-ai/design";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

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

@@ -7,7 +7,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 React, { useState } from 'react';
-import { CodeBlock as Code, CodeBlockLangExtensionsMap } from "@ali/agentscope-ai-design";
+import { CodeBlock as Code, CodeBlockLangExtensionsMap } from "@agentscope-ai/design";
 import { createStyles } from 'antd-style';
 import { useProviderContext, Mermaid } from "./..";
 import { theme as AntdTheme } from 'antd';
@@ -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/cursor/Dot.js

@@ -1,6 +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, useProviderContext } from "../..";
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -18,7 +19,7 @@ export default function () {
   var Style = useStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("span", {
-      className: prefixCls,
+      className: classNames(prefixCls, getPrefixCls('markdown-cursor')),
       children: [/*#__PURE__*/_jsx("span", {
         style: {
           opacity: 0,

package/lib/Markdown/cursor/Underline.js

@@ -2,6 +2,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 React from 'react';
 import { createGlobalStyle, useProviderContext } from "../..";
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -13,7 +14,7 @@ export default function () {
   var Style = useStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("span", {
-      className: prefixCls
+      className: classNames(prefixCls, getPrefixCls('markdown-cursor'))
     })]
   });
 }