@agentscope-ai/design 1.0.23-beta.1767091755248 → 1.0.24-beta.1767516664353

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

@@ -1,7 +1,19 @@
 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-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"])), 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}\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-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;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/antd/themes/carbonDarkTheme.json

@@ -64,7 +64,7 @@
 
  "colorTextWhite": "#ffffff",
  "colorTextBlack": "#000000",
- "colorTextOnPrimary": "#ffffff",
+ "colorTextOnPrimary": "#000000",
   "colorFillDisable": "#898989",
   "colorPurple": "#615CED",
   "colorPurpleHover": "#8383F0",

package/lib/antd/themes/generateTheme.js

@@ -35,6 +35,36 @@
 import themeDataDark from "./bailianDarkTheme.json";
 import themeData from "./bailianTheme.json";
 
+/**
+ * Calculate WCAG relative luminance (used for contrast judgment)
+ * Return value range: 0 (darkest) to 1 (brightest)
+ */
+var getRelativeLuminance = function getRelativeLuminance(rgb) {
+  // Normalize RGB values to 0-1
+  var rsRGB = rgb.r / 255;
+  var gsRGB = rgb.g / 255;
+  var bsRGB = rgb.b / 255;
+
+  // Apply sRGB gamma correction
+  var r = rsRGB <= 0.03928 ? rsRGB / 12.92 : Math.pow((rsRGB + 0.055) / 1.055, 2.4);
+  var g = gsRGB <= 0.03928 ? gsRGB / 12.92 : Math.pow((gsRGB + 0.055) / 1.055, 2.4);
+  var b = bsRGB <= 0.03928 ? bsRGB / 12.92 : Math.pow((bsRGB + 0.055) / 1.055, 2.4);
+
+  // Calculate relative luminance using WCAG formula
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+};
+
+/**
+ * Determine whether to use dark or light text on the background color
+ * Use WCAG relative luminance algorithm, threshold is 0.5
+ * @returns {boolean} true means use dark text, false means use light text
+ */
+var shouldUseDarkText = function shouldUseDarkText(rgb) {
+  var luminance = getRelativeLuminance(rgb);
+  // Use dark text when luminance is greater than 0.5, otherwise use light text
+  return luminance > 0.5;
+};
+
 // ==================== Color Conversion Utility Functions ====================
 
 /**
@@ -282,7 +312,7 @@ var generateTheme = function generateTheme(config) {
     colorPrimaryTextActive: darkMode ? generateColorWithLightness(primaryHex, Math.max(hsl.l - 10, 35), hsl.s * 0.95) : adjustColor(primaryHex, hsl.l < 50 ? -10 : -20, 0),
     // Text color displayed on primary color background: automatically selects black or white based on actual primary color lightness
     // Light theme colors (lightness > 50) use black text, dark theme colors (lightness <= 50) use white text
-    colorTextOnPrimary: actualPrimaryHsl.l > 50 ? '#000000' : '#ffffff',
+    colorTextOnPrimary: shouldUseDarkText(actualPrimaryRgb) ? '#000000' : '#ffffff',
     // ========== Text Color System ==========
     // Generated based on textBase hue, uses transparency to achieve different levels
     colorTextBase: textBaseHex,

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

@@ -29,7 +29,13 @@ var SparkAvatar = /*#__PURE__*/forwardRef(function (props, ref) {
     setModifiedChildren = _useState2[1];
   useEffect(function () {
     if (typeof children === 'string') {
-      setModifiedChildren(children.slice(0, 1));
+      // 使用 Array.from 来正确处理 emoji 等多字节字符
+      setModifiedChildren(Array.from(children)[0]);
+      return;
+    }
+    if (typeof children === 'number') {
+      // 数字类型转换为字符串后截取第一个字符
+      setModifiedChildren(Array.from(String(children))[0]);
       return;
     }
     setModifiedChildren(children);

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

@@ -1,4 +1,4 @@
-var _excluded = ["iconSize", "loading"];
+var _excluded = ["iconSize", "loading", "iconType", "tooltipContent"];
 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; }
@@ -20,6 +20,8 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
   var token = theme.useToken();
   var iconSize = props.iconSize,
     loading = props.loading,
+    iconType = props.iconType,
+    tooltipContent = props.tooltipContent,
     restProps = _objectWithoutProperties(props, _excluded);
   var buttonType = React.useMemo(function () {
     // @ts-ignore
@@ -52,15 +54,15 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
     if (loading && _typeof(loading) === 'object' && loading.icon) {
       return loading === null || loading === void 0 ? void 0 : loading.icon;
     }
-    if (restProps.iconType) return /*#__PURE__*/_jsx(IconFont, {
-      type: restProps.iconType,
+    if (iconType) return /*#__PURE__*/_jsx(IconFont, {
+      type: iconType,
       size: iconSize !== null && iconSize !== void 0 ? iconSize : restProps.size
     }); // 注意 size 也需要传入下去
     if (restProps.icon) return /*#__PURE__*/React.cloneElement(restProps.icon, {
       size: iconSize !== null && iconSize !== void 0 ? iconSize : restProps.size // 注意 size 也需要传入下去
     });
     return null;
-  }, [restProps.iconType, restProps.icon]);
+  }, [iconType, restProps.icon]);
   var button = /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
     loading: mergedLoading,
     ref: ref,
@@ -70,7 +72,9 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
       fontWeight: 500,
       lineHeight: 1
     }, restProps.style),
-    className: classNames(restProps.className, 'spark-button')
+    className: classNames(restProps.className, 'spark-button', {
+      'spark-button-primaryLess': restProps.type === 'primaryLess'
+    })
   }));
 
   // @ts-ignore
@@ -87,14 +91,14 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       },
       children: /*#__PURE__*/_jsx(Tooltip, {
-        title: restProps.tooltipContent,
+        title: tooltipContent,
         children: button
       })
     });
     // @ts-ignore
   } else if (restProps.type === 'textCompact') {
     return /*#__PURE__*/_jsx(Tooltip, {
-      title: restProps.tooltipContent,
+      title: tooltipContent,
       children: /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
         ref: ref,
         icon: icon,
@@ -111,7 +115,7 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   } else {
     return /*#__PURE__*/_jsx(Tooltip, {
-      title: restProps.tooltipContent,
+      title: tooltipContent,
       children: button
     });
   }

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

@@ -1,12 +1,13 @@
-var _excluded = ["tooltip"];
+var _excluded = ["labelMarginRight"],
+  _excluded2 = ["tooltip"];
 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 _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; }
 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); }
+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; }
 import { getCommonConfig } from "../../../config";
 import { InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
 import { Form } from 'antd';
@@ -19,7 +20,8 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var InternalForm = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$labelMarginRig = props.labelMarginRight,
-    labelMarginRight = _props$labelMarginRig === void 0 ? undefined : _props$labelMarginRig;
+    labelMarginRight = _props$labelMarginRig === void 0 ? undefined : _props$labelMarginRig,
+    restProps = _objectWithoutProperties(props, _excluded);
   var formRef = useRef(null);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
@@ -31,7 +33,7 @@ var InternalForm = /*#__PURE__*/forwardRef(function (props, ref) {
     children: [/*#__PURE__*/_jsx(Style, {}),
     /*#__PURE__*/
     //@ts-ignore
-    _jsx(Form, _objectSpread(_objectSpread({}, props), {}, {
+    _jsx(Form, _objectSpread(_objectSpread({}, restProps), {}, {
       className: classnames(props.className, "".concat(sparkPrefix, "-form"), labelMarginRight === 'small' && "".concat(sparkPrefix, "-form-label-margin-small")),
       ref: formRef,
       requiredMark: function requiredMark(label, info) {
@@ -47,7 +49,7 @@ var InternalForm = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 var InternalFormItem = function InternalFormItem(props) {
   var tooltip = props.tooltip,
-    restProps = _objectWithoutProperties(props, _excluded);
+    restProps = _objectWithoutProperties(props, _excluded2);
   var defaultTooltipIcon = /*#__PURE__*/_jsx(InfoCircleOutlined, {});
   function getTooltip() {
     if (!tooltip) {

package/lib/components/commonComponents/IconButton/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 = ["className", "iconType", "bordered"];
+var _excluded = ["className", "iconType", "bordered", "icon"];
 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; }
@@ -20,6 +20,7 @@ export default (function (props) {
     iconType = props.iconType,
     _props$bordered = props.bordered,
     bordered = _props$bordered === void 0 ? true : _props$bordered,
+    iconProp = props.icon,
     restProps = _objectWithoutProperties(props, _excluded);
   var config = getCommonConfig();
   var iconfont = config.iconfont;
@@ -30,15 +31,15 @@ export default (function (props) {
         type: iconType,
         size: props.size
       });
-    } else if (typeof props.icon === 'string') {
+    } else if (typeof iconProp === 'string') {
       return /*#__PURE__*/_jsx(IconFont, {
-        type: props.icon,
+        type: iconProp,
         size: props.size
       });
     } else {
-      return props.icon;
+      return iconProp;
     }
-  }, [props.icon, iconType, iconfont]);
+  }, [iconProp, iconType, iconfont]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
       className: classNames(className, "".concat(config.sparkPrefix, "-icon-button")),

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

@@ -22,8 +22,8 @@ declare const _default: {
         error: (options: JointContent) => void;
         info: (options: JointContent) => void;
         loading: (options: JointContent) => void;
-        open(args: MessageArgsProps): import("antd/es/message/interface").MessageType;
-        destroy(key?: import("react").Key): void;
+        open: (args: MessageArgsProps) => import("antd/es/message/interface").MessageType;
+        destroy: (key?: import("react").Key) => void;
     }, import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>];
     open: (config: MessageArgsProps) => import("antd/es/message/interface").MessageType;
     destroy: (key?: import("react").Key) => void;

package/lib/components/commonComponents/Tooltip/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/* \u9ED8\u8BA4\u6DF1\u8272 */\n.", "-tooltip-content {\n  .", "-tooltip-inner {\n    border: 1px solid transparent;\n    padding: 6px 12px;\n    background: var(--", "-color-slate);\n    color: var(--", "-color-text-on-primary);\n  }\n}\n\n/* \u6D45\u8272\u6A21\u5F0F */\n.", "-tooltip-light {\n  .", "-tooltip-content .", "-tooltip-inner {\n    background: var(--", "-color-bg-base);\n    color: var(--", "-color-text);\n  }\n  \n  .", "-tooltip-arrow {\n    &::after {\n      background: var(--", "-color-bg-base);\n    }\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* Default dark mode */\n.", "-tooltip-content {\n  .", "-tooltip-inner {\n    border: 1px solid transparent;\n    padding: 6px 12px;\n    background: var(--", "-color-slate);\n    color: var(--", "-color-text-white);\n  }\n}\n\n/* Light mode - keep same style as dark mode */\n.", "-tooltip-light {\n  .", "-tooltip-content .", "-tooltip-inner {\n    background: var(--", "-color-slate);\n    color: var(--", "-color-text-white);\n  }\n  \n  .", "-tooltip-arrow {\n    &::after {\n      background: var(--", "-color-slate);\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

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

@@ -213,6 +213,7 @@ var Video = /*#__PURE__*/forwardRef(function (props, ref) {
           duration: duration,
           enableVolume: enableVolume,
           muted: muted,
+          enableFullscreen: true,
           onMute: function onMute() {
             return setMuted(!muted);
           },

package/lib/components/mobileComponents/MobileModal/index.d.ts

@@ -18,23 +18,23 @@ declare const SparkMobileModal: {
     useModal: typeof import("antd/es/modal/useModal").default;
     success: (config: any) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     error: (config: any) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warning: (config: any) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     info: (config: any) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     confirm: (config: any) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     SMALL_WIDTH: number;
     MEDIUM_WIDTH: number;

package/lib/i18n/strings/index.js

@@ -4,9 +4,9 @@ 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); }
-import enUS from "./en-US.json";
-import zhCN from "./zh-CN.json";
-export default {
+var enUS = require("./en-US.json");
+var zhCN = require("./zh-CN.json");
+module.exports = {
   'en-US': _objectSpread({}, enUS),
   'zh-CN': _objectSpread({}, zhCN)
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/design",
-  "version": "1.0.23-beta.1767091755248",
+  "version": "1.0.24-beta.1767516664353",
   "description": "AgentScope Spark Design - UI Library for AgentScope AI",
   "repository": {
     "type": "git",
@@ -36,9 +36,13 @@
     "dumi:setup": "dumi setup",
     "prepare": "npm run dumi:setup",
     "start": "npm run dev",
-    "test": "vitest",
     "release": "node scripts/publish.js",
-    "release:beta": "node scripts/publish-beta.js"
+    "release:beta": "node scripts/publish-beta.js",
+    "test": "jest",
+    "test:ci": "jest --ci --coverage --watchAll=false",
+    "test:coverage": "jest --coverage",
+    "test:watch": "jest --watch",
+    "publish:manual": "npm run build && npm publish"
   },
   "dependencies": {
     "@agentscope-ai/icons": "^1.0.35",
@@ -82,24 +86,29 @@
     "@alibot/dumi-plugin-llms": "1.0.4",
     "@alibot/dumi-plugin-api-parser": "1.0.3",
     "@agentscope-ai/dumi-theme-spark": "0.0.99",
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@jest/test-sequencer": "^29.7.0",
     "@modelcontextprotocol/sdk": "1.17.3",
     "@rc-component/util": "1.2.1",
     "@react-spring/web": "^9.7.5",
     "@tailwindcss/postcss": "^4.0.6",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^29.5.14",
     "@types/less": "^3.0.6",
     "@types/lodash-es": "4.17.12",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@umijs/lint": "^4.0.0",
     "@umijs/plugins": "^4.4.4",
-    "@vitejs/plugin-react": "^4.3.3",
-    "@vitejs/plugin-react-swc": "^3.7.1",
-    "@vitest/coverage-istanbul": "2.1.4",
-    "@vitest/ui": "2.1.9",
     "ahooks": "^3.8.1",
     "antd": "^5.23.0",
+    "babel-jest": "^29.7.0",
     "classnames": "^2.5.1",
     "conventional-changelog-cli": "^5.0.0",
     "debug": "^4.3.7",
@@ -110,6 +119,10 @@
     "father": "^4.1.0",
     "framer-motion": "^12.4.2",
     "husky": "^8.0.1",
+    "is-hotkey": "^0.2.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-transform-stub": "^2.0.0",
     "jsdom": "^25.0.1",
     "locomotive-scroll": "^4.1.4",
     "motion": "^12.4.1",
@@ -122,9 +135,9 @@
     "replace": "^1.2.2",
     "semver": "^7.6.3",
     "tailwindcss": "^4.0.6",
+    "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
     "typescript": "^5.6.3",
-    "vitest": "^2.1.4",
     "yargs-parser": "^21.1.1",
     "zod": "^3.24.2"
   },