@agentscope-ai/design 1.0.26 → 1.0.27-beta.1769678521654

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

@@ -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

@@ -128,7 +128,8 @@ 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", {

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

@@ -7,6 +7,12 @@ export interface SparkTabsProps extends Omit<TabsProps, 'type'> {
      * @default true
      */
     type?: 'line' | 'card' | 'editable-card' | 'segmented';
+    /**
+     * @description 类名
+     * @descriptionEn ClassName
+     * @default ''
+     */
+    className?: string;
 }
 declare const SparkTabs: {
     (props: SparkTabsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 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 = ["type", "centered"];
+var _excluded = ["type", "centered", "className"];
 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; }
@@ -25,6 +25,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var SparkTabs = function SparkTabs(props) {
   var type = props.type,
     centered = props.centered,
+    className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
@@ -61,8 +62,8 @@ var SparkTabs = function SparkTabs(props) {
 
   // 缓存 className
   var segmentedClassName = useMemo(function () {
-    return classNames("".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({}, "".concat(sparkPrefix, "-segmented-tab-bar-centered"), centered));
-  }, [sparkPrefix, centered]);
+    return classNames("".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({}, "".concat(sparkPrefix, "-segmented-tab-bar-centered"), centered), className);
+  }, [sparkPrefix, centered, className]);
 
   // 获取当前选中 tab 的内容
   var activeContent = useMemo(function () {
@@ -89,8 +90,9 @@ var SparkTabs = function SparkTabs(props) {
     });
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({}, props), {}, {
-      type: type
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({}, restProps), {}, {
+      type: type,
+      className: className
     }))]
   });
 };

package/lib/index.d.ts

@@ -38,7 +38,10 @@ export { default as Steps } from './components/commonComponents/Steps';
 export { default as SlateEditor } from './components/commonComponents/SlateEditor';
 export { default as Slider, type SliderInputProps, } from './components/commonComponents/Slider';
 export { default as Spinner, type SparkSpinnerProps, type SparkSpinnerProps as SpinnerProps, } from './components/commonComponents/Spinner';
+export { default as Audio, type AudioProps, } from './components/commonComponents/Audio';
 export { default as Descriptions } from './components/commonComponents/Descriptions';
+export { FileCard, default as FileIcon, type SparkFileCardProps, type SparkFileIconProps, } from './components/commonComponents/FileIcon';
+export { default as MediaPreview, type MediaItem, type MediaPreviewProps, } from './components/commonComponents/MediaPreview';
 export { default as SliderSelector } from './components/commonComponents/SliderSelector';
 export { default as Statistic } from './components/commonComponents/Statistic';
 export { default as Switch, type SparkSwitchProps as SwitchProps, } from './components/commonComponents/Switch';
@@ -48,15 +51,13 @@ export { default as Tag, type SparkTagProps as TagProps, } from './components/co
 export { default as TimePicker } from './components/commonComponents/TimePicker';
 export { default as Tooltip, type SparkTooltipProps as TooltipProps, } from './components/commonComponents/Tooltip';
 export { default as Upload } from './components/commonComponents/Upload';
-export { default as Video, type VideoProps } from './components/commonComponents/Video';
-export { default as Audio, type AudioProps } from './components/commonComponents/Audio';
-export { FileCard, default as FileIcon, type SparkFileCardProps, type SparkFileIconProps, } from './components/commonComponents/FileIcon';
+export { default as Video, type VideoProps, } from './components/commonComponents/Video';
 /**
  * 移动端组件
  */
-export { default as MobileModal, type SparkMobileModalProps as MobileModalProps } from './components/mobileComponents/MobileModal';
-export { default as MobileDrawer, type SparkMobileDrawerProps as MobileDrawerProps } from './components/mobileComponents/MobileDrawer';
-export { default as MobileAlertDialog, type MobileAlertDialogProps } from './components/mobileComponents/MobileAlertDialog';
+export { default as MobileAlertDialog, type MobileAlertDialogProps, } from './components/mobileComponents/MobileAlertDialog';
+export { default as MobileDrawer, type SparkMobileDrawerProps as MobileDrawerProps, } from './components/mobileComponents/MobileDrawer';
+export { default as MobileModal, type SparkMobileModalProps as MobileModalProps, } from './components/mobileComponents/MobileModal';
 /**
  * hooks
  */
@@ -66,11 +67,11 @@ export { default as useGlobalStyle } from './hooks/useGlobalStyle';
  */
 export { default as delay } from './libs/delay';
 export { safeHtml } from './libs/dom';
-export { copy, renderTooltip } from './libs/utils';
-export { waitForDom, waitForFunc } from './libs/waitFor';
 export { default as requestPop, type AliyunPopOptions, type BaseResponse, type RequestOptions, } from './libs/requestPop';
 export { default as requestPopSse, type SseOptions, type SseResponse, } from './libs/requestPopSse';
 export { default as requestSse } from './libs/requestSse';
+export { copy, renderTooltip } from './libs/utils';
+export { waitForDom, waitForFunc } from './libs/waitFor';
 /**
  * Spark的ConfigProvider
  */

package/lib/index.js

@@ -43,7 +43,10 @@ export { default as Steps } from "./components/commonComponents/Steps";
 export { default as SlateEditor } from "./components/commonComponents/SlateEditor";
 export { default as Slider } from "./components/commonComponents/Slider";
 export { default as Spinner } from "./components/commonComponents/Spinner";
+export { default as Audio } from "./components/commonComponents/Audio";
 export { default as Descriptions } from "./components/commonComponents/Descriptions";
+export { FileCard, default as FileIcon } from "./components/commonComponents/FileIcon";
+export { default as MediaPreview } from "./components/commonComponents/MediaPreview";
 export { default as SliderSelector } from "./components/commonComponents/SliderSelector";
 export { default as Statistic } from "./components/commonComponents/Statistic";
 export { default as Switch } from "./components/commonComponents/Switch";
@@ -54,15 +57,13 @@ export { default as TimePicker } from "./components/commonComponents/TimePicker"
 export { default as Tooltip } from "./components/commonComponents/Tooltip";
 export { default as Upload } from "./components/commonComponents/Upload";
 export { default as Video } from "./components/commonComponents/Video";
-export { default as Audio } from "./components/commonComponents/Audio";
-export { FileCard, default as FileIcon } from "./components/commonComponents/FileIcon";
 
 /**
  * 移动端组件
  */
-export { default as MobileModal } from "./components/mobileComponents/MobileModal";
-export { default as MobileDrawer } from "./components/mobileComponents/MobileDrawer";
 export { default as MobileAlertDialog } from "./components/mobileComponents/MobileAlertDialog";
+export { default as MobileDrawer } from "./components/mobileComponents/MobileDrawer";
+export { default as MobileModal } from "./components/mobileComponents/MobileModal";
 
 /**
  * hooks
@@ -74,11 +75,11 @@ export { default as useGlobalStyle } from "./hooks/useGlobalStyle";
  */
 export { default as delay } from "./libs/delay";
 export { safeHtml } from "./libs/dom";
-export { copy, renderTooltip } from "./libs/utils";
-export { waitForDom, waitForFunc } from "./libs/waitFor";
 export { default as requestPop } from "./libs/requestPop";
 export { default as requestPopSse } from "./libs/requestPopSse";
 export { default as requestSse } from "./libs/requestSse";
+export { copy, renderTooltip } from "./libs/utils";
+export { waitForDom, waitForFunc } from "./libs/waitFor";
 
 /**
  * Spark的ConfigProvider