@agentscope-ai/design 1.0.27-beta.1769499161692 → 1.0.27-beta.1769680455227

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

@@ -1,3 +1,4 @@
+import { Extension } from '@codemirror/state';
 export interface CodeBlockProps {
     /**
      * @description 语言
@@ -24,6 +25,12 @@ export interface CodeBlockProps {
      */
     readOnly?: boolean;
     onChange?: (value?: string) => void;
+    /**
+     * @description 扩展
+     * @descriptionEn Extensions
+     * @default []
+     */
+    extensions?: Extension[];
 }
 export declare const langExtensionsMap: Record<string, any[]>;
 export declare const beautifulJson: (val?: string, count?: number) => string;

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

@@ -78,9 +78,9 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
     }
     return props.theme === 'dark' ? vscodeDark : vscodeLight;
   }, [isDarkMode, props.theme]);
-  var extensions = typeof props.language === 'string' ? [].concat(_toConsumableArray(langExtensionsMap[props.language] || []), _toConsumableArray(props.value && props.language in lintExtensionsMap ? lintExtensionsMap[props.language] : [])) : props.language.reduce(function (ext, lang) {
+  var extensions = (props.extensions || []).concat(typeof props.language === 'string' ? [].concat(_toConsumableArray(langExtensionsMap[props.language] || []), _toConsumableArray(props.value && props.language in lintExtensionsMap ? lintExtensionsMap[props.language] : [])) : props.language.reduce(function (ext, lang) {
     return [].concat(_toConsumableArray(ext), [langExtensionsMap[lang]]);
-  }, []);
+  }, []));
   var codeMirrorElement = /*#__PURE__*/_jsx("div", {
     className: cls("".concat(sparkPrefix, "-code-block"), props.className),
     children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({

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

@@ -16,13 +16,19 @@ import classNames from 'classnames';
 import { useStyle } from "./index.style";
 
 /**
- * 获取默认的分页大小选择器配置
- * 使用函数形式以支持动态国际化
+ * 获取默认的分页大小选项
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var getDefaultShowSizeChange = function getDefaultShowSizeChange() {
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+
+/**
+ * 根据 pageSizeOptions 生成带国际化文案的选项配置
+ * @param pageSizeOptions 分页大小选项数组
+ */
+var getShowSizeChangeOptions = function getShowSizeChangeOptions() {
+  var pageSizeOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_PAGE_SIZE_OPTIONS;
   var itemsText = $i18n.get({
     id: 'components.commonComponents.Pagination.Items',
     dm: '条'
@@ -32,19 +38,12 @@ var getDefaultShowSizeChange = function getDefaultShowSizeChange() {
     dm: '页'
   });
   return {
-    options: [{
-      label: "10 ".concat(itemsText, " / ").concat(pageText),
-      value: 10
-    }, {
-      label: "20 ".concat(itemsText, " / ").concat(pageText),
-      value: 20
-    }, {
-      label: "50 ".concat(itemsText, " / ").concat(pageText),
-      value: 50
-    }, {
-      label: "100 ".concat(itemsText, " / ").concat(pageText),
-      value: 100
-    }]
+    options: pageSizeOptions.map(function (size) {
+      return {
+        label: "".concat(size, " ").concat(itemsText, " / ").concat(pageText),
+        value: Number(size)
+      };
+    })
   };
 };
 export default (function (props) {
@@ -105,21 +104,21 @@ export default (function (props) {
     shouldShowSizeChanger = restProps.total && restProps.total > 50;
   }
   var getMergedShowSizeChange = function getMergedShowSizeChange() {
-    if (props.showSizeChanger === true) {
-      // 用户手动设置为 true，使用预置选项（动态获取以支持国际化）
-      return getDefaultShowSizeChange();
-    }
     if (props.showSizeChanger === false) {
       // 用户手动设为 false
       return false;
     }
     if (_typeof(props.showSizeChanger) === 'object' && props.showSizeChanger) {
-      // 用户手动传入的优先
+      // 用户手动传入对象配置，优先使用
       return props.showSizeChanger;
     }
+    if (props.showSizeChanger === true) {
+      // 用户手动设置为 true，使用 pageSizeOptions 或预置选项
+      return getShowSizeChangeOptions(restProps.pageSizeOptions);
+    }
     if (restProps.total && restProps.total > 50) {
-      // 数据量大于 50，使用预置选项（动态获取以支持国际化）
-      return getDefaultShowSizeChange();
+      // 数据量大于 50，使用 pageSizeOptions 或预置选项
+      return getShowSizeChangeOptions(restProps.pageSizeOptions);
     }
     return false;
   };

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

@@ -9,7 +9,7 @@ export interface PromptsEditorProps {
      * @description 输入的内容
      * @descriptionEn Input content value
      */
-    value: string;
+    value?: string;
     /**
      * @description 输入内容的类名
      * @descriptionEn CSS class name for the input content
@@ -42,6 +42,12 @@ export interface PromptsEditorProps {
      * @descriptionEn Text of the tips, set to false to hide the tips
      */
     tipsText?: string | React.ReactNode | false;
+    /**
+     * @description 仅可读
+     * @descriptionEn Read only
+     * @default false
+     */
+    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

@@ -69,6 +69,7 @@ export var langExtensionsMap = {
 };
 var empty = [];
 var Editor = function Editor(props) {
+  var _props$value;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var variables = props.variables || empty;
@@ -128,11 +129,12 @@ var Editor = function Editor(props) {
         lineNumbers: false,
         foldGutter: false,
         highlightActiveLine: false
-      }
+      },
+      readOnly: props.readOnly
     }, getTheme), /*#__PURE__*/_jsxs("div", {
       className: styles.footer,
       children: [tips, props.maxLength ? /*#__PURE__*/_jsxs("div", {
-        children: [props.value.length, "/", props.maxLength]
+        children: [((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) || 0, "/", props.maxLength]
       }) : null]
     })]
   });