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

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,
@@ -89,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,
@@ -113,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/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",
+  "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"
   },