@agentscope-ai/design 1.0.11 → 1.0.12

package/lib/components/commonComponents/Modal/index.style.js

@@ -1,7 +1,67 @@
-var _templateObject;
+var _templateObject, _templateObject2;
 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 = MOBILE ? createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-modal {\n  .", "-modal {\n    min-width: 300px;\n    max-width: 80vw;\n    position: fixed;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    padding: 0 !important;\n  }\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: 20px 20px 16px;\n      margin-bottom: 0;\n      \n      .", "-modal-title {\n        font-size: 18px;\n        font-weight: 500;\n        line-height: 32px;\n        color: var(--", "-color-text);\n        \n        .", "-modal-title-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          gap: 16px;\n          \n          .", "-modal-title {\n            flex: 1;\n            display: flex;\n            justify-content: center;\n            text-align: center;\n          }\n\n          .", "-modal-title-padding {\n            padding-left: 32px;\n          }\n          \n          .", "-modal-title-close {\n            font-size: 20px;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    \n    .", "-modal-body {\n      max-height: 60vh;\n      padding: 0 20px;\n      font-size: 14px;\n      color: var(--", "-color-text);\n    }\n    \n    .", "-modal-footer {\n      padding: 16px 20px 20px;\n      margin-top: 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n      .", "-btn {\n        flex: 1;\n      }\n      \n      .", "-modal-footer-wrapper {\n        flex: 1;\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    .", "-modal-body {\n      padding: 16px 20px;\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;
+}, 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.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, 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;
+}) : createGlobalStyle(_templateObject2 || (_templateObject2 = _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) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/components/commonComponents/Modal/mobile.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { ModalProps } from 'antd';
+export interface SparkModalProps extends ModalProps {
+    /**
+     * @description 底部额外内容
+     * @descriptionEn footer extra content
+     */
+    info?: string | React.ReactNode;
+    /**
+     * @description 是否显示分割线
+     * @descriptionEn whether to show divider
+     * @default true
+     */
+    showDivider?: boolean;
+}
+declare const SparkModal: {
+    (props: SparkModalProps): import("react/jsx-runtime").JSX.Element;
+    useModal: typeof import("antd/es/modal/useModal").default;
+    success: import("antd/es/modal/confirm").ModalFunc;
+    error: import("antd/es/modal/confirm").ModalFunc;
+    warning: import("antd/es/modal/confirm").ModalFunc;
+    info: import("antd/es/modal/confirm").ModalFunc;
+    confirm: import("antd/es/modal/confirm").ModalFunc;
+    SMALL_WIDTH: number;
+    MEDIUM_WIDTH: number;
+    LARGE_WIDTH: number;
+};
+export default SparkModal;

package/lib/components/commonComponents/Modal/mobile.js

@@ -0,0 +1,97 @@
+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 = ["showDivider", "closable"];
+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 { CloseOutlined } from '@agentscope-ai/icons-override-antd';
+import { Modal } from 'antd';
+import classNames from 'classnames';
+import { useEffect } from 'react';
+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 lockBodyScroll = function lockBodyScroll() {
+  var originalStyle = window.getComputedStyle(document.body).overflow;
+  var originalPosition = window.getComputedStyle(document.body).position;
+  var scrollY = window.scrollY;
+  document.body.style.overflow = 'hidden';
+  document.body.style.position = 'fixed';
+  document.body.style.width = '100%';
+  document.body.style.top = "-".concat(scrollY, "px");
+  return function () {
+    document.body.style.overflow = originalStyle;
+    document.body.style.position = originalPosition;
+    document.body.style.width = '';
+    document.body.style.top = '';
+    window.scrollTo(0, scrollY);
+  };
+};
+var SparkModal = function SparkModal(props) {
+  var Style = useStyle();
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  var _props$showDivider = props.showDivider,
+    showDivider = _props$showDivider === void 0 ? true : _props$showDivider,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    restProps = _objectWithoutProperties(props, _excluded);
+  useEffect(function () {
+    if (props.open) {
+      var unlock = lockBodyScroll();
+      return unlock;
+    }
+  }, [props.open]);
+  var renderFooter = function renderFooter(originNode) {
+    return props.info ? /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-modal-footer-wrapper"),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "".concat(sparkPrefix, "-modal-footer-info"),
+        children: props.info
+      }), /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-modal-footer-origin-node"),
+        children: originNode
+      })]
+    }) : originNode;
+  };
+  var mergedCloseIcon = closable ? props.closeIcon || /*#__PURE__*/_jsx(CloseOutlined, {
+    className: "".concat(sparkPrefix, "-modal-title-close"),
+    onClick: function onClick(e) {
+      var _props$onCancel;
+      (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, e);
+    }
+  }) : null;
+  var mergedFooter = props.footer === undefined ? renderFooter : props.footer;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, restProps), {}, {
+      centered: false,
+      closeIcon: null,
+      width: props.width || 'auto',
+      title: /*#__PURE__*/_jsxs("div", {
+        className: "".concat(sparkPrefix, "-modal-title-wrapper"),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: classNames("".concat(sparkPrefix, "-modal-title"), _defineProperty({}, "".concat(sparkPrefix, "-modal-title-padding"), closable)),
+          children: props.title
+        }), mergedCloseIcon]
+      }),
+      wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
+      footer: mergedFooter,
+      transitionName: ""
+    }))]
+  });
+};
+SparkModal.useModal = Modal.useModal;
+SparkModal.success = Modal.success;
+SparkModal.error = Modal.error;
+SparkModal.warning = Modal.warning;
+SparkModal.info = Modal.info;
+SparkModal.confirm = Modal.confirm;
+SparkModal.SMALL_WIDTH = 640;
+SparkModal.MEDIUM_WIDTH = 800;
+SparkModal.LARGE_WIDTH = 960;
+export default SparkModal;

package/lib/components/commonComponents/Modal/pc.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { ModalProps } from 'antd';
+export interface SparkModalProps extends ModalProps {
+    /**
+     * @description 底部额外内容
+     * @descriptionEn footer extra content
+     */
+    info?: string | React.ReactNode;
+    /**
+     * @description 是否显示分割线
+     * @descriptionEn whether to show divider
+     * @default true
+     */
+    showDivider?: boolean;
+}
+declare const SparkModal: {
+    (props: SparkModalProps): import("react/jsx-runtime").JSX.Element;
+    useModal: typeof import("antd/es/modal/useModal").default;
+    success: import("antd/es/modal/confirm").ModalFunc;
+    error: import("antd/es/modal/confirm").ModalFunc;
+    warning: import("antd/es/modal/confirm").ModalFunc;
+    info: import("antd/es/modal/confirm").ModalFunc;
+    confirm: import("antd/es/modal/confirm").ModalFunc;
+    SMALL_WIDTH: number;
+    MEDIUM_WIDTH: number;
+    LARGE_WIDTH: number;
+};
+export default SparkModal;

package/lib/components/commonComponents/Modal/pc.js

@@ -0,0 +1,72 @@
+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 = ["showDivider", "closable"];
+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 { CloseOutlined } from '@agentscope-ai/icons-override-antd';
+import { Modal } from 'antd';
+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 SparkModal = function SparkModal(props) {
+  var Style = useStyle();
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  var _props$showDivider = props.showDivider,
+    showDivider = _props$showDivider === void 0 ? true : _props$showDivider,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var renderFooter = function renderFooter(originNode) {
+    return props.info ? /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-modal-footer-wrapper"),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "".concat(sparkPrefix, "-modal-footer-info"),
+        children: props.info
+      }), /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-modal-footer-origin-node"),
+        children: originNode
+      })]
+    }) : originNode;
+  };
+  var mergedCloseIcon = closable ? props.closeIcon || /*#__PURE__*/_jsx(CloseOutlined, {
+    className: "".concat(sparkPrefix, "-modal-title-close"),
+    onClick: function onClick(e) {
+      var _props$onCancel;
+      (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, e);
+    }
+  }) : null;
+  var mergedFooter = props.footer === undefined ? renderFooter : props.footer;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, restProps), {}, {
+      closeIcon: null,
+      title: /*#__PURE__*/_jsxs("div", {
+        className: "".concat(sparkPrefix, "-modal-title-wrapper"),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "".concat(sparkPrefix, "-modal-title"),
+          children: props.title
+        }), mergedCloseIcon]
+      }),
+      wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
+      footer: mergedFooter,
+      transitionName: ""
+    }))]
+  });
+};
+SparkModal.useModal = Modal.useModal;
+SparkModal.success = Modal.success;
+SparkModal.error = Modal.error;
+SparkModal.warning = Modal.warning;
+SparkModal.info = Modal.info;
+SparkModal.confirm = Modal.confirm;
+SparkModal.SMALL_WIDTH = 640;
+SparkModal.MEDIUM_WIDTH = 800;
+SparkModal.LARGE_WIDTH = 960;
+export default SparkModal;

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

@@ -1,4 +1,4 @@
-var _excluded = ["hideSwitchButton"];
+var _excluded = ["hideSwitchButton", "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; }
@@ -12,6 +12,7 @@ import $i18n from "../../../i18n";
 import { SparkMoreLine } from '@agentscope-ai/icons';
 import { LeftOutlined, RightOutlined } from "@agentscope-ai/icons-override-antd";
 import { Flex, Pagination } from 'antd';
+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";
@@ -58,6 +59,7 @@ var DEFAULT_SHOW_SIZE_CHANGE = {
 export default (function (props) {
   var _props$hideSwitchButt = props.hideSwitchButton,
     hideSwitchButton = _props$hideSwitchButt === void 0 ? false : _props$hideSwitchButt,
+    className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
@@ -135,7 +137,7 @@ export default (function (props) {
       itemRender: mergedItemRender()
     }, restProps), {}, {
       showSizeChanger: getMergedShowSizeChange(),
-      className: "".concat(sparkPrefix, "-pagination")
+      className: classNames("".concat(sparkPrefix, "-pagination"), className)
     }))]
   });
 });

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

@@ -1,10 +1,18 @@
 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  \n  .", "-pagination-total-text {\n    font-weight: 500;\n  }\n  \n  .", "-select-selection-item {\n    font-weight: 500;\n  }\n  \n  .", "-pagination-item-active.", "-pagination-item {\n    border-color: var(--", "-color-border-secondary);\n    border-radius: 8px;\n    \n    a {\n      color: var(--", "-color-text) !important;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text) !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"])), function (p) {
-  return p.sparkPrefix;
+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: serif;\n    display: inline-block !important;\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
 }, function (p) {
-  return p.sparkPrefix;
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
 }, function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -48,7 +48,12 @@ var PlaceholderWidget = /*#__PURE__*/function (_WidgetType) {
   return PlaceholderWidget;
 }(WidgetType); // Placeholder 匹配器
 var placeholderMatcher = new MatchDecorator({
-  regexp: /\$\{(\w+)\}/g,
+  // 该正则用于匹配形如 ${变量名} 的占位符，变量名允许为中文、字母、数字、下划线
+  // \${         匹配字符 "${"
+  // ([\w\u4e00-\u9fa5]+)  匹配一个或多个字母、数字、下划线或中文字符，捕获为分组1
+  // \}          匹配字符 "}"
+  // g           全局匹配
+  regexp: /\$\{([\w\u4e00-\u9fa5]+)\}/g,
   decoration: function decoration(match) {
     return Decoration.replace({
       widget: new PlaceholderWidget(match[1])

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

@@ -18,13 +18,14 @@ export default function () {
     createBtnText = config.createBtnText;
   return autocompletion({
     override: [function (context) {
+      var _word$from;
       var word = context.matchBefore(/\/(\w+)?/);
       if (!word) return null;
-      if (word && word.from == word.to && !context.explicit) {
+      if (word && word.from === word.to && !context.explicit) {
         return null;
       }
       return {
-        from: word === null || word === void 0 ? void 0 : word.from,
+        from: (_word$from = word === null || word === void 0 ? void 0 : word.from) !== null && _word$from !== void 0 ? _word$from : 0,
         options: (onCreate ? [].concat(_toConsumableArray(data), [{
           label: '/NEW_VAR',
           boost: -99

package/lib/components/commonComponents/PromptsEditor/demo/basic.js

@@ -26,6 +26,8 @@ export default function Basic() {
       code: 'foo'
     }, {
       code: 'user'
+    }, {
+      code: '模型输入'
     }]
   });
 }

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

@@ -109,7 +109,7 @@ var Editor = function Editor(props) {
     });
     return props.tipsText ? props.tipsText : /*#__PURE__*/_jsxs("div", {
       className: styles.tips,
-      children: ["\u8F93\u5165\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
+      children: ["\u8F93\u5165/\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
         size: 16
       }), " \u56DE\u8F66\u65B0\u589E"]
     });

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

@@ -15,11 +15,7 @@ export default (function (props) {
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix,
     antPrefix = commonConfig.antPrefix;
-  var _props$gap = props.gap,
-    gap = _props$gap === void 0 ? 12 : _props$gap,
-    _props$bordered = props.bordered,
-    bordered = _props$bordered === void 0 ? false : _props$bordered,
-    _props$ghost = props.ghost,
+  var _props$ghost = props.ghost,
     ghost = _props$ghost === void 0 ? true : _props$ghost;
   var Style = useStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {

package/lib/components/commonComponents/Table/demo/demo1.js

@@ -94,32 +94,22 @@ var App = function App() {
       });
     }
   }];
-  var data = [{
-    key: '1',
-    title: 'First Column Row 1',
-    content: 'Content Row 1',
-    switch: 'Switch Row 1',
-    status: 'Status Row 1',
-    tags: ['Tag1']
-  }, {
-    key: '2',
-    title: 'First Column Row 2',
-    content: 'Content Row 2',
-    switch: 'Switch Row 2',
-    status: 'Status Row 2',
-    tags: ['Tag2']
-  }, {
-    key: '3',
-    title: 'First Column Row 3',
-    content: 'Content Row 3',
-    switch: 'Switch Row 3',
-    status: 'Status Row 3',
-    tags: ['Tag3']
-  }];
+  var data = new Array(3).fill(0).map(function (_, index) {
+    return {
+      key: index.toString(),
+      title: "First Column Row ".concat(index + 1),
+      content: "Content Row ".concat(index + 1),
+      switch: "Switch Row ".concat(index + 1),
+      status: "Status Row ".concat(index + 1),
+      tags: ["Tag".concat(index + 1)]
+    };
+  });
   return /*#__PURE__*/_jsx(Table, {
     columns: columns,
     dataSource: data,
-    pagination: false
+    pagination: {
+      pageSize: 10
+    }
   });
 };
 export default App;

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

@@ -11,6 +11,7 @@ import { getCommonConfig } from "../../../config";
 import { SparkSortLine } from '@agentscope-ai/icons';
 import { Table as AntdTable } from 'antd';
 import classNames from 'classnames';
+import { useStyle as usePaginationStyle } from "../Pagination/index.style";
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -34,8 +35,9 @@ export default function Table(props) {
     });
   });
   var Style = useStyle();
+  var PaginationStyle = usePaginationStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(AntdTable, _objectSpread({
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(PaginationStyle, {}), /*#__PURE__*/_jsx(AntdTable, _objectSpread({
       className: classNames("".concat(sparkPrefix, "-table")),
       columns: columns
     }, restProps))]

package/lib/components/commonComponents/Table/index.style.js

@@ -1,9 +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.", "-table {\n  &.", "-table-wrapper {\n    .", "-table-container {\n      .", "-table-thead > tr > th {\n        padding: 8px 20px;\n        font-weight: 400;\n        color: var(--", "-color-text-secondary);\n      }\n      \n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: 0;\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: 0;\n      }\n      \n      .", "-table-thead > tr > th:not(:last-child):not(.", "-table-selection-column):not(.", "-table-row-expand-icon-cell):not([colspan])::before {\n            display: none;\n          }\n    \n      .", "-table-tbody > tr > td {\n        padding: 16px 20px;\n      }\n      \n      .", "-table-tbody > tr {\n        & > td:not(.", "-table-selection-column):first-child,\n        & > td.", "-table-selection-column + td:not(\n        .", "-table-selection-column) {\n          font-weight: 500;\n        }\n      }\n    }\n      \n    .", "-table-small {\n      .", "-table-tbody > tr > td {\n        padding: 8px 20px;\n      }\n    }\n  }\n}\n"])), function (p) {
-  return p.sparkPrefix;
-}, function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table-wrapper {\n  .", "-table-container {\n    .", "-table-thead > tr > th {\n      padding: 8px 20px;\n      font-weight: 400;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    table > thead > tr:first-child > *:first-child {\n      border-start-start-radius: 0;\n    }\n    \n    table > thead > tr:first-child > *:last-child {\n      border-start-end-radius: 0;\n    }\n    \n    .", "-table-thead > tr > th:not(:last-child):not(.", "-table-selection-column):not(.", "-table-row-expand-icon-cell):not([colspan])::before {\n            display: none !important;\n          }\n    \n      .", "-table-tbody > tr > td {\n        padding: 16px 20px;\n      }\n      \n      .", "-table-tbody > tr {\n        & > td:not(.", "-table-selection-column):first-child,\n        & > td.", "-table-selection-column + td:not(\n        .", "-table-selection-column) {\n          font-weight: 500;\n        }\n      }\n    }\n      \n    .", "-table-small {\n      .", "-table-tbody > tr > td {\n        padding: 8px 20px;\n      }\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

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

@@ -1,5 +1,14 @@
 /// <reference types="react" />
 import { TagProps } from 'antd';
+declare enum SparkTagColors {
+    Purple = "purple",
+    Pink = "pink",
+    Yellow = "yellow",
+    Teal = "teal",
+    Blue = "blue",
+    Mauve = "mauve",
+    Transparent = "transparent"
+}
 export interface SparkTagProps extends TagProps {
     /**
      * @description 尺寸
@@ -12,7 +21,7 @@ export interface SparkTagProps extends TagProps {
      * @descriptionEn color of the tag
      * @default 'purple'
      */
-    color?: 'purple' | 'pink' | 'yellow' | 'teal' | 'blue' | 'mauve' | 'transparent';
+    color?: SparkTagColors | string;
 }
 declare const SparkTag: import("react").ForwardRefExoticComponent<SparkTagProps & import("react").RefAttributes<any>>;
 export default SparkTag;

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

@@ -15,6 +15,16 @@ 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";
+var SparkTagColors = /*#__PURE__*/function (SparkTagColors) {
+  SparkTagColors["Purple"] = "purple";
+  SparkTagColors["Pink"] = "pink";
+  SparkTagColors["Yellow"] = "yellow";
+  SparkTagColors["Teal"] = "teal";
+  SparkTagColors["Blue"] = "blue";
+  SparkTagColors["Mauve"] = "mauve";
+  SparkTagColors["Transparent"] = "transparent";
+  return SparkTagColors;
+}(SparkTagColors || {});
 var SparkTag = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     className = props.className,
@@ -28,10 +38,12 @@ var SparkTag = /*#__PURE__*/forwardRef(function (props, ref) {
   var Style = useStyle();
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
+  var isSparkTagColor = Object.values(SparkTagColors).includes(color);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
       className: classNames("".concat(sparkPrefix, "-tag ").concat(sparkPrefix, "-tag-").concat(color, " ").concat(sparkPrefix, "-tag-").concat(size), className),
-      bordered: bordered
+      bordered: bordered,
+      color: isSparkTagColor ? undefined : color
     }, restProps), {}, {
       ref: ref,
       children: children

package/lib/components/commonComponents/Tooltip/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 = ["mode", "arrow", "overlayClassName", "getPopupContainer", "align"];
+var _excluded = ["mode", "arrow", "overlayClassName", "getPopupContainer"];
 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; }
@@ -23,7 +23,6 @@ var SparkTooltip = /*#__PURE__*/forwardRef(function (props, ref) {
     arrow = props.arrow,
     overlayClassName = props.overlayClassName,
     getPopupContainer = props.getPopupContainer,
-    align = props.align,
     restProps = _objectWithoutProperties(props, _excluded);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix,

package/lib/config.d.ts

@@ -18,6 +18,8 @@ export interface CommonConfig {
     /** iconfont 地址 */
     iconfont?: string;
     isDarkMode?: boolean;
+    /** 主题配置，供 staticRenderer 等静态方法使用 */
+    theme?: ConfigProviderProps['theme'];
 }
 export declare function setCommonConfig(newConf: CommonConfig): void;
 export declare function getCommonConfig(): CommonConfig;

package/lib/i18n/index.js

@@ -3,8 +3,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
  * This file is generated by parrot must
  * DOCUMENT LIST:
  * parrot must: http://gitlab.alibaba-inc.com/parrot/parrot-tool-must
+ * @halofe/global-locale: http://gitlab.alibaba-inc.com/parrot/global-locale
+ * @halofe/global-string-format: http://gitlab.alibaba-inc.com/parrot/global-string-format
  */
 
+// import stringFormat from '@halofe/global-string-format';
 import dayjs from 'dayjs';
 import strings from "./strings";
 var language = 'zh-cn'; // Current language，默认中文

package/lib/i18n/strings/index.d.ts

@@ -0,0 +1,2 @@
+declare const locale: any;
+export default locale;