@agentscope-ai/design 1.0.29 → 2.0.0-beta.1770367514783

package/lib/antd/styles/button.style.js

@@ -1,7 +1,13 @@
 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 "../../libs/createStyle";
-export var useButtonStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* \u53D6\u6D88\u6240\u6709button\u7684boxShadow */\nbutton[type=\"button\"].", "-btn {\n  font-weight: 500;\n  padding-inline: 11px;\n  \n  span[data-spark-icon] {\n    /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n    font-size: 20px;\n  }\n  \n  &.", "-btn-sm {\n    padding-inline: 7px;\n    \n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 16px;\n    }\n  }\n  \n  &.", "-btn-lg {\n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 24px;\n    }\n  }\n}\n\n.", "-btn-default {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-btn-textCompact:hover {\n  color: var(--", "-color-text-tertiary) !important;\n}\n\n.", "-btn.", "-btn-default.", "-btn-dangerous:not(:disabled):not(.", "-btn-disabled) {\n  border-color: transparent;\n  background-color: var(--", "-color-error-bg);\n  color: var(--", "-color-error);\n  \n  &:hover {\n    background-color: var(--", "-color-error-bg-hover);\n    border-color: transparent;\n    color: var(--", "-color-error-hover);\n  }\n}\n\n.", "-btn-color-dangerous.", "-btn-variant-solid:disabled,\n.", "-btn-color-dangerous.", "-btn-variant-solid.", "-btn-disabled {\n  border-color: transparent;\n  background-color: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n}\n\n.", "-btn-primary {\n  color: var(--", "-color-text-on-primary);\n}\n.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-background-ghost):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-on-primary);\n}\n\n.", "-btn-primary:disabled {\n  background: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n  border-color: transparent;\n}\n\n.", "-btn-default:disabled {\n  background: var(--", "-color-bg-base);\n  color: var(--", "-color-text-tertiary);\n  border-color: var(--", "-color-border-secondary);\n}\n\n/* Keep white text color for primaryLess buttons */\n.spark-button-primaryLess.", "-btn-primary {\n  color: var(--", "-color-text-white);\n}\n.spark-button-primaryLess.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-white);\n}\n"])), function (p) {
+export var useButtonStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* \u53D6\u6D88\u6240\u6709button\u7684boxShadow */\nbutton[type=\"button\"].", "-btn {\n  font-weight: 500;\n  padding-inline: 11px;\n  \n  span[data-spark-icon] {\n    /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n    font-size: 20px;\n  }\n  \n  &.", "-btn-sm {\n    padding-inline: 7px;\n    \n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 16px;\n    }\n  }\n  \n  &.", "-btn-lg {\n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 24px;\n    }\n  }\n}\n\n.", "-btn-default {\n  border-color: var(--", "-color-border-secondary);\n  &.", "-btn:not(:disabled):not(.", "-btn-disabled):hover {\n    color: var(--", "-color-text);\n  }\n}\n\n.", "-btn-textCompact:hover {\n  color: var(--", "-color-text-tertiary) !important;\n}\n\n.", "-btn.", "-btn-default.", "-btn-dangerous:not(:disabled):not(.", "-btn-disabled) {\n  border-color: transparent;\n  background-color: var(--", "-color-error-bg);\n  color: var(--", "-color-error);\n  \n  &:hover {\n    background-color: var(--", "-color-error-bg-hover);\n    border-color: transparent;\n    color: var(--", "-color-error-hover);\n  }\n}\n\n.", "-btn-color-dangerous.", "-btn-variant-solid:disabled,\n.", "-btn-color-dangerous.", "-btn-variant-solid.", "-btn-disabled {\n  border-color: transparent;\n  background-color: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n}\n\n.", "-btn-primary {\n  color: var(--", "-color-text-on-primary);\n}\n.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-background-ghost):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-on-primary);\n}\n\n.", "-btn-primary:disabled {\n  background: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n  border-color: transparent;\n}\n\n.", "-btn-default:disabled {\n  background: var(--", "-color-bg-base);\n  color: var(--", "-color-text-tertiary);\n  border-color: var(--", "-color-border-secondary);\n}\n\n/* Keep white text color for primaryLess buttons */\n.spark-button-primaryLess.", "-btn-primary {\n  color: var(--", "-color-text-white);\n}\n.spark-button-primaryLess.", "-btn-primary.", "-btn-variant-solid:not(:disabled):not(.", "-btn-disabled):hover {\n  color: var(--", "-color-text-white);\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/antd/themes/generateThemeByToken.js

@@ -4,6 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
+// @ts-nocheck
+
 var INVISIBLE_COLOR = 'rgba(0,0,0,0)';
 
 // border

package/lib/components/commonComponents/Breadcrumb/index.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 "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-breadcrumb {\n  cursor: default;\n  \n  .", "-breadcrumb-link {\n    cursor: pointer;\n  }\n  \n  li:last-child {\n    .", "-breadcrumb-link {\n      color: var(--", "-color-text);\n      display: flex;\n      align-items: center;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text-secondary);\n    height: auto;\n    \n    &:hover {\n      background-color: transparent;\n    }\n  }\n  \n  .", "-breadcrumb-separator {\n    color: var(--", "-color-text);\n  }\n  \n  .", "-breadcrumb-overlay-link {\n    display: flex;\n    align-items: center;\n  }\n  \n  .", "-breadcrumb-dropdown {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    \n    .", "-avatar > img {\n      width: 20px;\n      height: 20px;\n    }\n  }\n  \n  .", "-breadcrumb-item-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  \n  .", "-breadcrumb-dropdown-title {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    \n    .", "-breadcrumb-dropdown-icon {\n      font-size: 16px !important;\n    }\n  }\n  \n  .", "-breadcrumb-dropdown-overlay {\n    display: flex;\n    justify-content: center;\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-breadcrumb {\n  cursor: default;\n  \n  .", "-breadcrumb-link {\n    cursor: pointer;\n  }\n  \n  li:last-child {\n    .", "-breadcrumb-link {\n      color: var(--", "-color-text);\n      display: flex;\n      align-items: center;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text-secondary);\n    height: auto;\n    \n    &:hover {\n      background-color: transparent;\n    }\n  }\n  \n  .", "-breadcrumb-separator {\n    color: var(--", "-color-text);\n  }\n  \n  .", "-breadcrumb-overlay-link {\n    display: flex;\n    align-items: center;\n  }\n  \n  .", "-breadcrumb-dropdown,\n  .", "-dropdown-trigger {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    \n    .", "-avatar > img {\n      width: 20px;\n      height: 20px;\n    }\n  }\n  \n  .", "-breadcrumb-item-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  \n  .", "-breadcrumb-dropdown-title {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    \n    .", "-breadcrumb-dropdown-icon {\n      font-size: 16px !important;\n    }\n  }\n  \n  .", "-breadcrumb-dropdown-overlay {\n    display: flex;\n    justify-content: center;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;
@@ -21,6 +21,8 @@ export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _t
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
 }, function (p) {
   return p.sparkPrefix;
 }, function (p) {

package/lib/components/commonComponents/CodeBlock/demo/demo2.js

@@ -12,7 +12,8 @@ var App = function App() {
     },
     children: /*#__PURE__*/_jsx(CodeBlock, {
       language: 'javascript',
-      value: value
+      value: value,
+      height: "200px"
     })
   });
 };

package/lib/components/commonComponents/CodeBlock/index.d.ts

@@ -1,5 +1,9 @@
 import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
 import { Extension } from '@codemirror/state';
+/**
+ * CodeBlock 组件属性
+ * 继承自 ReactCodeMirrorProps，支持传入 CodeMirror 的所有属性（如 height、width 等）
+ */
 export interface CodeBlockProps extends Omit<ReactCodeMirrorProps, 'theme' | 'extensions'> {
     /**
      * @description 语言

package/lib/components/commonComponents/CodeBlock/index.js

@@ -30,6 +30,11 @@ import cls from 'classnames';
 import { omit } from 'lodash-es';
 import React, { useMemo } from 'react';
 import { useStyle } from "./index.style";
+
+/**
+ * CodeBlock 组件属性
+ * 继承自 ReactCodeMirrorProps，支持传入 CodeMirror 的所有属性（如 height、width 等）
+ */
 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/components/commonComponents/Collapse/index.style.js

@@ -1,7 +1,11 @@
 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 "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-collapse {\n  background-color: var(--", "-color-fill-tertiary);\n  border: 1px solid var(--", "-color-border-secondary);\n  border-radius: var(--", "-border-radius);\n  \n  .", "-collapse-content {\n    color: var(--", "-color-text);\n    background-color: var(--", "-color-bg-base);\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  & > .", "-collapse-item {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n    \n    & > .", "-collapse-header {\n      color: var(--", "-color-text);\n      font-weight: 500;\n      line-height: 24px;\n      align-items: center;\n      \n      .", "-collapse-expand-icon {\n        width: 32px;\n        height: 32px;\n        padding: 0;\n        justify-content: center;\n        margin-right: 8px;\n      }\n      \n      .", "-collapse-arrow {\n        font-size: 15px;\n      }\n      \n      .", "-collapse-extra {\n        height: 32px;\n        display: flex;\n        align-items: center;\n        margin-left: 8px;\n      }\n    }\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-collapse {\n  background-color: var(--", "-color-fill-tertiary);\n  border: 1px solid var(--", "-color-border-secondary);\n  border-radius: var(--", "-border-radius);\n  \n  .", "-collapse-content {\n    color: var(--", "-color-text);\n    background-color: var(--", "-color-bg-base);\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  & > .", "-collapse-item {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n    \n    & > .", "-collapse-header {\n      color: var(--", "-color-text);\n      font-weight: 500;\n      line-height: 24px;\n      align-items: center;\n      \n      .", "-collapse-expand-icon {\n        width: 32px;\n        height: 32px;\n        padding: 0;\n        justify-content: center;\n        margin-right: 8px;\n      }\n      \n      .", "-collapse-arrow {\n        font-size: 15px;\n      }\n      \n      .", "-collapse-extra {\n        height: 32px;\n        display: flex;\n        align-items: center;\n        margin-left: 8px;\n      }\n    }\n    & > .", "-collapse-panel {\n      border-top: 1px solid var(--", "-color-border-secondary);\n    }\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/FileIcon/demo/demo.js

@@ -1,17 +1,19 @@
 import { Button, FileCard, FileIcon } from "../../../..";
-import { Space } from 'antd';
+import { Flex, Space } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function () {
   var list = ['common', 'epub', 'excel', 'html', 'image', 'md', 'mobi', 'pdf', 'ppt', 'txt', 'web', 'word'];
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: "16px",
     children: [/*#__PURE__*/_jsx(Space, {
       children: list.map(function (t) {
         return /*#__PURE__*/_jsx(FileIcon, {
           type: t
         }, t);
       })
-    }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(Space, {
+    }), /*#__PURE__*/_jsx(Space, {
       wrap: true,
       children: list.map(function (t) {
         return /*#__PURE__*/_jsx(FileCard, {
@@ -20,7 +22,7 @@ export default function () {
           type: t
         }, t);
       })
-    }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(FileCard, {
+    }), /*#__PURE__*/_jsx(FileCard, {
       name: 'pdf',
       size: 1000,
       type: 'pdf',

package/lib/components/commonComponents/HelpIcon/demo/demo.js

@@ -1,18 +1,21 @@
+/**
+ * title: 基础用法
+ * description: 在文字旁边添加帮助图标，hover 时显示提示内容
+ * title.en-US: Basic Usage
+ * description.en-US: Add a help icon next to text, showing tooltip content on hover
+ */
 import { HelpIcon } from "../../../..";
 import { Flex } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 export default (function () {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: ["\u57FA\u7840\u7528\u6CD5\uFF1A", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsxs(Flex, {
-      align: "center",
-      gap: 2,
-      children: [/*#__PURE__*/_jsx("span", {
-        children: "\u529F\u80FD1"
-      }), /*#__PURE__*/_jsx(HelpIcon, {
-        content: "\u8FD9\u662F\u4E00\u6BB5\u6587\u672C\u89E3\u91CA\u8FD9\u662F\u4E00\u6BB5\u6587\u672C\u89E3\u91CA\u8FD9\u662F\u4E00\u6BB5\u6587\u672C\u89E3\u91CA\u8FD9\u662F\u4E00\u6BB5\u6587\u672C\u89E3\u91CA"
-      })]
+  return /*#__PURE__*/_jsxs(Flex, {
+    align: "center",
+    gap: 4,
+    children: [/*#__PURE__*/_jsx("span", {
+      children: "\u529F\u80FD\u540D\u79F0"
+    }), /*#__PURE__*/_jsx(HelpIcon, {
+      content: "\u8FD9\u662F\u4E00\u6BB5\u5E2E\u52A9\u6587\u672C\uFF0C\u7528\u4E8E\u89E3\u91CA\u529F\u80FD\u7684\u7528\u9014\u548C\u4F7F\u7528\u65B9\u6CD5\u3002"
     })]
   });
 });

package/lib/components/commonComponents/HelpIcon/demo/demo2.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/commonComponents/HelpIcon/demo/demo2.js

@@ -0,0 +1,45 @@
+/**
+ * title: 富文本内容
+ * description: content 属性支持传入 ReactNode，可以展示富文本内容
+ * title.en-US: Rich Text Content
+ * description.en-US: The content prop supports ReactNode, allowing rich text content display
+ */
+import { HelpIcon } from "../../../..";
+import { Flex, Typography } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Text = Typography.Text,
+  Link = Typography.Link;
+export default (function () {
+  var richContent = /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Text, {
+      strong: true,
+      children: "\u4F7F\u7528\u8BF4\u660E\uFF1A"
+    }), /*#__PURE__*/_jsxs("ul", {
+      style: {
+        margin: '8px 0',
+        paddingLeft: 16
+      },
+      children: [/*#__PURE__*/_jsx("li", {
+        children: "\u652F\u6301\u591A\u79CD\u6570\u636E\u683C\u5F0F"
+      }), /*#__PURE__*/_jsx("li", {
+        children: "\u6700\u5927\u6587\u4EF6\u5927\u5C0F\uFF1A10MB"
+      }), /*#__PURE__*/_jsxs("li", {
+        children: ["\u67E5\u770B\u66F4\u591A\u8BF7\u8BBF\u95EE", ' ', /*#__PURE__*/_jsx(Link, {
+          href: "#",
+          target: "_blank",
+          children: "\u5E2E\u52A9\u6587\u6863"
+        })]
+      })]
+    })]
+  });
+  return /*#__PURE__*/_jsxs(Flex, {
+    align: "center",
+    gap: 4,
+    children: [/*#__PURE__*/_jsx("span", {
+      children: "\u4E0A\u4F20\u6587\u4EF6"
+    }), /*#__PURE__*/_jsx(HelpIcon, {
+      content: richContent
+    })]
+  });
+});

package/lib/components/commonComponents/HelpIcon/demo/demo3.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/commonComponents/HelpIcon/demo/demo3.js

@@ -0,0 +1,49 @@
+/**
+ * title: 自定义 Tooltip 属性
+ * description: 通过 popoverProps 可以自定义 Tooltip 的位置、触发方式等属性
+ * title.en-US: Custom Tooltip Props
+ * description.en-US: Customize Tooltip placement, trigger and other props through popoverProps
+ */
+import { HelpIcon } from "../../../..";
+import { Flex } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 24,
+    children: [/*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      gap: 4,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u9876\u90E8\u63D0\u793A"
+      }), /*#__PURE__*/_jsx(HelpIcon, {
+        content: "\u63D0\u793A\u5185\u5BB9\u663E\u793A\u5728\u9876\u90E8",
+        popoverProps: {
+          placement: 'top'
+        }
+      })]
+    }), /*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      gap: 4,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u53F3\u4FA7\u63D0\u793A"
+      }), /*#__PURE__*/_jsx(HelpIcon, {
+        content: "\u63D0\u793A\u5185\u5BB9\u663E\u793A\u5728\u53F3\u4FA7",
+        popoverProps: {
+          placement: 'right'
+        }
+      })]
+    }), /*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      gap: 4,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u70B9\u51FB\u89E6\u53D1"
+      }), /*#__PURE__*/_jsx(HelpIcon, {
+        content: "\u70B9\u51FB\u56FE\u6807\u663E\u793A\u63D0\u793A\u5185\u5BB9",
+        popoverProps: {
+          trigger: 'click'
+        }
+      })]
+    })]
+  });
+});

package/lib/components/commonComponents/HelpIcon/index.d.ts

@@ -1,9 +1,29 @@
 import { type PopoverProps } from 'antd';
 import { CSSProperties, ReactNode } from 'react';
+/**
+ * HelpIcon 组件属性
+ * @id SparkHelpIconProps
+ */
 export interface HelpIconProps {
+    /**
+     * @description 提示内容
+     * @descriptionEn Tooltip content
+     */
     content: ReactNode;
+    /**
+     * @description 自定义类名
+     * @descriptionEn Custom class name
+     */
     className?: string;
+    /**
+     * @description Tooltip 组件的额外属性
+     * @descriptionEn Additional props for Tooltip component
+     */
     popoverProps?: PopoverProps;
+    /**
+     * @description 自定义样式
+     * @descriptionEn Custom style
+     */
     style?: CSSProperties;
 }
 export default function HelpIcon(props: HelpIconProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/commonComponents/HelpIcon/index.js

@@ -11,6 +11,11 @@ import IconButton from "../IconButton";
 import { useStyle as useIconFontStyle } from "../IconFont/index.style";
 import Tooltip from "../Tooltip";
 import { useStyle } from "./index.style";
+
+/**
+ * HelpIcon 组件属性
+ * @id SparkHelpIconProps
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/commonComponents/IconButton/index.d.ts

@@ -18,5 +18,5 @@ export interface SparkIconButtonProps extends ButtonProps {
      */
     shape?: 'default' | 'circle';
 }
-declare const _default: (props: SparkIconButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default _default;
+declare const IconButton: import("react").ForwardRefExoticComponent<SparkIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/lib/components/commonComponents/IconButton/index.js

@@ -10,12 +10,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import IconFont from "../IconFont";
 import { Button, getCommonConfig } from "../../..";
 import classNames from 'classnames';
-import { useMemo } from 'react';
+import { forwardRef, useMemo } from 'react';
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function (props) {
+var IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
     iconType = props.iconType,
     _props$bordered = props.bordered,
@@ -42,6 +42,7 @@ export default (function (props) {
   }, [iconProp, iconType, iconfont]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      ref: ref,
       className: classNames(className, "".concat(config.sparkPrefix, "-icon-button")),
       style: {
         lineHeight: 1
@@ -51,4 +52,5 @@ export default (function (props) {
       icon: icon
     }))]
   });
-});
+});
+export default IconButton;

package/lib/components/commonComponents/Image/index.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
+// @ts-nocheck
 import $18n from "../../../i18n";
 import { getCommonConfig } from "../../../config";
 import { SparkVisibleLine } from '@agentscope-ai/icons';

package/lib/components/commonComponents/MediaPreview/index.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 "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-media-preview-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 9999;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--", "-color-bg-mask);\n}\n\n.", "-media-preview-main-content {\n  border-radius: var(--", "-border-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  transition: transform 0.3s ease, opacity 0.15s ease;\n  opacity: 1;\n\n  &.transitioning {\n    opacity: 0;\n  }\n}\n\n.", "-media-preview-main-media {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.", "-media-preview-nav-left {\n  position: absolute;\n  left: 48px;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.", "-media-preview-nav-right {\n  position: absolute;\n  right: 48px;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.", "-media-preview-nav-icon {\n  font-size: 48px;\n  color: var(--", "-color-bg-base);\n}\n\n.", "-media-preview-toolbar {\n  position: absolute;\n  top: 36px;\n  right: 36px;\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n}\n\n.", "-media-preview-zoom-controls {\n  display: flex;\n  flex-direction: row;\n  border-radius: 8px;\n  background: var(--", "-color-bg-mask);\n}\n\n.", "-media-preview-close-button {\n  display: flex;\n  flex-direction: row;\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  border: none;\n}\n\n.", "-media-preview-tool-button {\n  background: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.", "-media-preview-tool-icon {\n  font-size: 24px;\n  color: var(--", "-color-bg-base);\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n}\n\n.", "-media-preview-thumbnail-carousel {\n  position: absolute;\n  bottom: 42px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 8px;\n  border-radius: 8px;\n  background: var(--", "-color-bg-mask);\n}\n\n.", "-media-preview-thumbnail-wrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.", "-media-preview-thumbnail-nav-icon {\n  font-size: 16px;\n  color: var(--", "-color-bg-base);\n  cursor: pointer;\n  flex-shrink: 0;\n\n  &:hover {\n    color: var(--", "-color-bg-base) !important;\n    opacity: 0.8;\n  }\n}\n\n.", "-media-preview-thumbnail-list {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  max-width: 720px;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.", "-media-preview-thumbnail-item {\n  width: 56px;\n  height: 56px;\n  border-radius: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  flex-shrink: 0;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n\n  &.active {\n    border-color: var(--", "-color-bg-base);\n  }\n\n  img,\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-media-preview-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 9999;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--", "-color-bg-mask);\n}\n\n.", "-media-preview-main-content {\n  border-radius: var(--", "-border-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  transition: transform 0.3s ease, opacity 0.15s ease;\n  opacity: 1;\n\n  &.transitioning {\n    opacity: 0;\n  }\n}\n\n.", "-media-preview-main-media {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.", "-media-preview-nav-left {\n  position: absolute;\n  left: 48px;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.", "-media-preview-nav-right {\n  position: absolute;\n  right: 48px;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.", "-media-preview-nav-icon {\n  font-size: 48px;\n  color: var(--", "-color-text-on-primary);\n}\n\n.", "-media-preview-toolbar {\n  position: absolute;\n  top: 36px;\n  right: 36px;\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n}\n\n.", "-media-preview-zoom-controls {\n  display: flex;\n  flex-direction: row;\n  border-radius: 8px;\n  background: var(--", "-color-bg-mask);\n}\n\n.", "-media-preview-close-button {\n  display: flex;\n  flex-direction: row;\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  border: none;\n}\n\n.", "-media-preview-tool-button {\n  background: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.", "-media-preview-tool-icon {\n  font-size: 24px;\n  color: var(--", "-color-text-on-primary);\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n}\n\n.", "-media-preview-thumbnail-carousel {\n  position: absolute;\n  bottom: 42px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 8px;\n  border-radius: 8px;\n  background: var(--", "-color-bg-mask);\n}\n\n.", "-media-preview-thumbnail-wrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.", "-media-preview-thumbnail-nav-icon {\n  font-size: 16px;\n  color: var(--", "-color-text-on-primary);\n  cursor: pointer;\n  flex-shrink: 0;\n\n  &:hover {\n    color: var(--", "-color-text-on-primary);\n    opacity: 0.8;\n  }\n}\n\n.", "-media-preview-thumbnail-list {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  max-width: 720px;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.", "-media-preview-thumbnail-item {\n  width: 56px;\n  height: 56px;\n  border-radius: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  flex-shrink: 0;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n\n  &.active {\n    border-color: var(--", "-color-text-on-primary);\n  }\n\n  img,\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/Modal/index.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 "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-modal {\n  .", "-modal-title {\n    min-height: 24px;\n  }\n  \n  .", "-modal-content {\n    padding: 0;\n    border: 1px solid var(--", "-color-border-secondary);\n    \n    .", "-modal-header {\n      padding: 18px 20px;\n      margin-bottom: 0;\n      \n      .", "-modal-title {\n        line-height: 28px;\n        \n        .", "-modal-title-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          gap: 12px;\n          \n          .", "-modal-title {\n            flex: 1;\n          }\n          \n          .", "-modal-title-close {\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    \n    .", "-modal-body {\n      padding: 20px;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    .", "-modal-footer {\n      padding: 16px 20px;\n      margin-top: 0;\n      \n      .", "-modal-footer-wrapper {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        \n        .", "-modal-footer-info {\n          font-size: 14px;\n          font-weight: normal;\n          line-height: 24px;\n          color: var(--", "-color-text-tertiary);\n        }\n        \n        .", "-modal-footer-origin-node {\n          display: flex;\n          gap: 12px;\n        }\n      }\n    }\n    \n    .", "-modal-close {\n      width: 32px;\n      height: 32px;\n      top: 16px;\n      right: 16px;\n      \n      .", "-modal-close-icon {\n        color: var(--", "-color-text);\n      }\n      \n      &:hover {\n        background: none;\n      }\n    }\n  }\n}\n\n.", "-show-divider {\n  .", "-modal-content {\n    .", "-modal-header {\n      border-bottom: 1px solid var(--", "-color-border-secondary);\n    }\n    \n    .", "-modal-footer {\n      border-top: 1px solid var(--", "-color-border-secondary);\n    }\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-modal {\n  .", "-modal-title {\n    min-height: 24px;\n  }\n  \n  .", "-modal-container {\n    padding: 0;\n    border: 1px solid var(--", "-color-border-secondary);\n    \n    .", "-modal-header {\n      padding: 18px 20px;\n      margin-bottom: 0;\n      \n      .", "-modal-title {\n        line-height: 28px;\n        \n        .", "-modal-title-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          gap: 12px;\n          \n          .", "-modal-title {\n            flex: 1;\n          }\n          \n          .", "-modal-title-close {\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    \n    .", "-modal-body {\n      padding: 20px;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    .", "-modal-footer {\n      padding: 16px 20px;\n      margin-top: 0;\n      \n      .", "-modal-footer-wrapper {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        \n        .", "-modal-footer-info {\n          font-size: 14px;\n          font-weight: normal;\n          line-height: 24px;\n          color: var(--", "-color-text-tertiary);\n        }\n        \n        .", "-modal-footer-origin-node {\n          display: flex;\n          gap: 12px;\n        }\n      }\n    }\n    \n    .", "-modal-close {\n      width: 32px;\n      height: 32px;\n      top: 16px;\n      right: 16px;\n      \n      .", "-modal-close-icon {\n        color: var(--", "-color-text);\n      }\n      \n      &:hover {\n        background: none;\n      }\n    }\n  }\n}\n\n.", "-show-divider {\n  .", "-modal-container {\n    .", "-modal-header {\n      border-bottom: 1px solid var(--", "-color-border-secondary);\n    }\n    \n    .", "-modal-footer {\n      border-top: 1px solid var(--", "-color-border-secondary);\n    }\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/Pagination/index.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 "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-pagination {\n  color: var(--", "-color-text) !important;\n  font-weight: 500 !important;\n  \n  .", "-pagination-total-text {\n    font-weight: 500;\n  }\n  \n  .", "-select-selection-item {\n    font-weight: 500;\n  }\n  \n  .", "-pagination-item-active {\n    border-color: var(--", "-color-border-secondary);\n    border-radius: 8px;\n    font-weight: \n    \n    a {\n      color: var(--", "-color-text) !important;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text) !important;\n    font-weight: 500 !important;\n  }\n  \n  .", "-pagination-jump-next {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .", "-pagination-jump-prev {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n.", "-pagination {\n  .", "-pagination-prev,\n  .", "-pagination-next,\n  .", "-pagination-jump-prev,\n  .", "-pagination-jump-next {\n    font-family: Montserrat;\n    display: inline-block !important;\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-pagination {\n  color: var(--", "-color-text) !important;\n  font-weight: 500 !important;\n  \n  .", "-pagination-total-text {\n    font-weight: 500;\n  }\n  \n  .", "-select-selection-item {\n    font-weight: 500;\n  }\n  \n  .", "-pagination-item-active {\n    border-color: var(--", "-color-border-secondary);\n    border-radius: 8px;\n    font-weight: \n    \n    a {\n      color: var(--", "-color-text) !important;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text) !important;\n    font-weight: 500 !important;\n  }\n  \n  .", "-pagination-jump-next {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .", "-pagination-jump-prev {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n.", "-pagination \n.", "-pagination-jump-next \n.", "-pagination-item-container \n.", "-pagination-item-ellipsis {\n  color: var(--", "-color-text);\n  left: -4px;\n  font-family: serif;\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/PromptsEditor/index.d.ts

@@ -1,16 +1,25 @@
-import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { Extension } from '@codemirror/state';
 import React from 'react';
-/**
- * PromptsEditor 组件属性
- * 继承自 ReactCodeMirrorProps，支持传入 CodeMirror 的所有属性（如 height、width 等）
- */
-export interface PromptsEditorProps extends Omit<ReactCodeMirrorProps, 'theme' | 'extensions'> {
+export interface PromptsEditorProps {
     /**
      * @description 可以输入内容的最大长度
      * @descriptionEn Maximum length of input content
      */
     maxLength?: number;
+    /**
+     * @description 输入的内容
+     * @descriptionEn Input content value
+     */
+    value?: string;
+    /**
+     * @description 输入内容的类名
+     * @descriptionEn CSS class name for the input content
+     */
+    className?: string;
+    /**
+     * @description 输入内容的回调
+     * @descriptionEn Callback function when input value changes
+     */
+    onChange?: (value: string) => void;
     /**
      * @description 可以插入的变量列表
      * @descriptionEn Available variables for insertion
@@ -34,10 +43,11 @@ export interface PromptsEditorProps extends Omit<ReactCodeMirrorProps, 'theme' |
      */
     tipsText?: string | React.ReactNode | false;
     /**
-     * @description 自定义扩展，会与内置扩展合并
-     * @descriptionEn Custom extensions, will be merged with built-in extensions
+     * @description 仅可读
+     * @descriptionEn Read only
+     * @default false
      */
-    extensions?: Extension[];
+    readOnly?: boolean;
 }
 export declare const langExtensionsMap: Record<string, any[]>;
 declare const _default: React.MemoExoticComponent<(props: PromptsEditorProps) => import("react/jsx-runtime").JSX.Element>;

package/lib/components/commonComponents/PromptsEditor/index.js

@@ -1,7 +1,4 @@
 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); }
-var _excluded = ["maxLength", "variables", "onCreate", "createBtnText", "tipsText", "extensions", "className", "value", "onChange", "readOnly", "basicSetup"];
-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); }
@@ -15,8 +12,6 @@ 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; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 // @ts-nocheck
 import { SparkEnterLine } from '@agentscope-ai/icons';
 import { markdown } from '@codemirror/lang-markdown';
@@ -28,11 +23,6 @@ import React, { memo, useEffect, useMemo, useState } from 'react';
 import { useStyles } from "./index.style";
 import VarRender from "./VarRender";
 import VarSelectInput from "./VarSelectInput";
-
-/**
- * PromptsEditor 组件属性
- * 继承自 ReactCodeMirrorProps，支持传入 CodeMirror 的所有属性（如 height、width 等）
- */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var langExtensionsMap = {
@@ -40,29 +30,18 @@ export var langExtensionsMap = {
 };
 var empty = [];
 var Editor = function Editor(props) {
-  var _context$theme;
-  var maxLength = props.maxLength,
-    _props$variables = props.variables,
-    variables = _props$variables === void 0 ? empty : _props$variables,
-    onCreate = props.onCreate,
-    _props$createBtnText = props.createBtnText,
-    createBtnText = _props$createBtnText === void 0 ? '+ 新增变量' : _props$createBtnText,
-    tipsText = props.tipsText,
-    customExtensions = props.extensions,
-    className = props.className,
-    value = props.value,
-    onChange = props.onChange,
-    readOnly = props.readOnly,
-    basicSetup = props.basicSetup,
-    restProps = _objectWithoutProperties(props, _excluded);
+  var _props$value;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
+  var variables = props.variables || empty;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     ready = _useState2[0],
     setReady = _useState2[1];
+  var onCreate = props.onCreate;
   var context = React.useContext(ConfigProvider.ConfigContext);
-  var isDarkMode = ((_context$theme = context.theme) === null || _context$theme === void 0 ? void 0 : _context$theme.algorithm) === theme.darkAlgorithm;
+  var isDarkMode = context.theme.algorithm === theme.darkAlgorithm;
+  var createBtnText = props.createBtnText || '+ 新增变量';
   var getTheme = useMemo(function () {
     if (isDarkMode) {
       return vscodeDark;
@@ -70,7 +49,7 @@ var Editor = function Editor(props) {
     return vscodeLight;
   }, [isDarkMode]);
   var extensions = useMemo(function () {
-    return customExtensions || [].concat(_toConsumableArray(langExtensionsMap['markdown']), _toConsumableArray(VarRender), [VarSelectInput(_toConsumableArray(variables).map(function (item) {
+    return [].concat(_toConsumableArray(langExtensionsMap['markdown']), _toConsumableArray(VarRender), [VarSelectInput(_toConsumableArray(variables).map(function (item) {
       return {
         label: "/".concat(item.code),
         info: item.label
@@ -79,7 +58,7 @@ var Editor = function Editor(props) {
       onCreate: onCreate,
       createBtnText: createBtnText
     })]);
-  }, [variables, customExtensions, onCreate, createBtnText]);
+  }, [variables]);
   useEffect(function () {
     setReady(true);
     return function () {
@@ -87,37 +66,37 @@ var Editor = function Editor(props) {
     };
   }, []);
   var tips = React.useMemo(function () {
-    if (tipsText === false) return /*#__PURE__*/_jsx("div", {
+    if (props.tipsText === false) return /*#__PURE__*/_jsx("div", {
       className: styles.tips
     });
-    return tipsText ? tipsText : /*#__PURE__*/_jsxs("div", {
+    return props.tipsText ? props.tipsText : /*#__PURE__*/_jsxs("div", {
       className: styles.tips,
       children: ["\u8F93\u5165/\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
         size: 16
       }), " \u56DE\u8F66\u65B0\u589E"]
     });
-  }, [tipsText, styles.tips]);
+  }, [props.tipsText]);
   if (!ready) return null;
   return /*#__PURE__*/_jsxs("div", {
     className: styles.root,
-    children: [/*#__PURE__*/_jsx(CodeMirror, _objectSpread({
-      className: classNames(className, styles.cm, _defineProperty({}, styles.onCreate, onCreate)),
+    children: [/*#__PURE__*/_jsx(CodeMirror, {
+      className: classNames(props.className, styles.cm, _defineProperty({}, styles.onCreate, onCreate)),
       extensions: extensions,
-      value: value,
+      value: props.value,
       theme: getTheme,
       lang: "markdown",
-      onChange: onChange,
-      basicSetup: _objectSpread({
+      onChange: props.onChange,
+      basicSetup: {
         lineNumbers: false,
         foldGutter: false,
         highlightActiveLine: false
-      }, basicSetup),
-      readOnly: readOnly,
-      editable: !readOnly
-    }, restProps), getTheme), /*#__PURE__*/_jsxs("div", {
+      },
+      readOnly: props.readOnly,
+      editable: !props.readOnly
+    }, getTheme), /*#__PURE__*/_jsxs("div", {
       className: styles.footer,
-      children: [tips, maxLength ? /*#__PURE__*/_jsxs("div", {
-        children: [(value === null || value === void 0 ? void 0 : value.length) || 0, "/", maxLength]
+      children: [tips, props.maxLength ? /*#__PURE__*/_jsxs("div", {
+        children: [((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) || 0, "/", props.maxLength]
       }) : null]
     })]
   });

package/lib/components/commonComponents/SlateEditor/index.js

@@ -232,9 +232,7 @@ var SlateEditor = /*#__PURE__*/forwardRef(function (props, ref) {
   }, []);
   var handlePaste = function handlePaste(e) {
     var pastedText = e.clipboardData.getData('text/plain');
-    // 将 CRLF 转换为 LF，处理 Windows 换行符
-    var normalizedText = pastedText.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
-    insertFragment(normalizedText, false);
+    insertFragment(pastedText, false);
     e.preventDefault();
   };
   return /*#__PURE__*/_jsxs(_Fragment, {