@agentscope-ai/design 1.0.8 → 1.0.10

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

@@ -1,72 +1,54 @@
-var _excluded = ["css"];
-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 _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 createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var antPrefix = params.antPrefix,
-    sparkPrefix = params.sparkPrefix;
-  return _defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-modal"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-modal-title"), {
-    minHeight: '24px'
-  }), ".".concat(antPrefix, "-modal-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    padding: 0,
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }, ".".concat(antPrefix, "-modal-header"), _defineProperty({
-    padding: '18px 20px',
-    marginBottom: 0
-  }, ".".concat(antPrefix, "-modal-title"), _defineProperty({
-    lineHeight: '28px'
-  }, ".".concat(sparkPrefix, "-modal-title-wrapper"), _defineProperty(_defineProperty({
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: '12px'
-  }, ".".concat(sparkPrefix, "-modal-title"), {
-    flex: 1
-  }), ".".concat(sparkPrefix, "-modal-title-close"), {
-    cursor: 'pointer'
-  })))), ".".concat(antPrefix, "-modal-body"), {
-    padding: 20,
-    color: "var(--".concat(antPrefix, "-color-text-secondary)")
-  }), ".".concat(antPrefix, "-modal-footer"), _defineProperty({
-    padding: '16px 20px',
-    marginTop: 0
-  }, ".".concat(sparkPrefix, "-modal-footer-wrapper"), _defineProperty(_defineProperty({
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center'
-  }, ".".concat(sparkPrefix, "-modal-footer-info"), {
-    fontSize: '14px',
-    fontWeight: 'normal',
-    lineHeight: '24px',
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  }), ".".concat(sparkPrefix, "-modal-footer-origin-node"), {
-    display: 'flex',
-    gap: '12px'
-  }))), ".".concat(antPrefix, "-modal-close"), _defineProperty(_defineProperty({
-    width: 32,
-    height: 32,
-    top: 16,
-    right: 16
-  }, ".".concat(antPrefix, "-modal-close-icon"), {
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), "&:hover", {
-    background: 'none'
-  })))), ".".concat(sparkPrefix, "-show-divider"), _defineProperty({}, ".".concat(antPrefix, "-modal-content"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-modal-header"), {
-    borderBottom: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-modal-footer"), {
-    borderTop: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  })));
-}
-var useIndexStyle = function useIndexStyle() {
-  createStyle(function (_ref2) {
-    var css = _ref2.css,
-      params = _objectWithoutProperties(_ref2, _excluded);
-    var result = css(getIndexStyleData(params));
-    return result;
-  })();
-};
-export default useIndexStyle;
+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.", "-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;
+}, 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.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;
+});

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

@@ -3,7 +3,7 @@ export interface SparkPaginationProps extends PaginationProps {
     /**
      * @description 是否展示上一页/下一页的切换按钮
      * @descriptionEn Whether to show previous/next page switch button
-     * @default 'false'
+     * @default false
      */
     hideSwitchButton?: boolean;
 }

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

@@ -1,38 +1,89 @@
-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 = ["hideSwitchButton"];
 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 _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; }
-// import $i18n from '@/i18n';
 import { getCommonConfig } from "../../../config";
+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 useIndexStyle from "./index.style";
+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 DEFAULT_SHOW_SIZE_CHANGE = {
+  options: [{
+    label: "10 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 10
+  }, {
+    label: "20 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 20
+  }, {
+    label: "50 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 50
+  }, {
+    label: "100 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 100
+  }]
+};
 export default (function (props) {
   var _props$hideSwitchButt = props.hideSwitchButton,
     hideSwitchButton = _props$hideSwitchButt === void 0 ? false : _props$hideSwitchButt,
     restProps = _objectWithoutProperties(props, _excluded);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   var mergedItemRender = function mergedItemRender() {
-    if (hideSwitchButton || props.itemRender) {
-      return props.itemRender;
-    }
     var sparkItemRender = function sparkItemRender(_, type, originalElement) {
+      // 优先处理省略号替换
+      if (type === 'jump-prev' || type === 'jump-next') {
+        // 替换省略号为自定义图标
+        return /*#__PURE__*/_jsx(SparkMoreLine, {
+          className: "".concat(sparkPrefix, "-jump-next-icon")
+        });
+      }
+      // 如果禁用了切换按钮或者有自定义的itemRender，则不处理上一页下一页按钮
+      if (hideSwitchButton || props.itemRender) {
+        return originalElement;
+      }
       if (type === 'prev') {
         return /*#__PURE__*/_jsx("a", {
           children: /*#__PURE__*/_jsxs(Flex, {
             gap: 8,
             children: [/*#__PURE__*/_jsx(LeftOutlined, {}), ' ', /*#__PURE__*/_jsx("span", {
-              children: "Previous"
+              children: $i18n.get({
+                id: 'components.commonComponents.Pagination.PreviousPage',
+                dm: '上一页'
+              })
             })]
           })
         });
@@ -42,40 +93,49 @@ export default (function (props) {
           children: /*#__PURE__*/_jsxs(Flex, {
             gap: 8,
             children: [/*#__PURE__*/_jsx("span", {
-              children: "Next"
+              children: $i18n.get({
+                id: 'components.commonComponents.Pagination.NextPage',
+                dm: '下一页'
+              })
             }), ' ', /*#__PURE__*/_jsx(RightOutlined, {})]
           })
         });
       }
-      if (type === 'jump-prev' || type === 'jump-next') {
-        // 替换省略号为自定义图标
-        return /*#__PURE__*/_jsx(SparkMoreLine, {
-          className: "".concat(sparkPrefix, "-jump-next-icon")
-        });
-      }
       return originalElement;
     };
     return sparkItemRender;
   };
-  var shouldShowSizeChanger = restProps.total && restProps.total > 50;
-  return /*#__PURE__*/_jsx(Pagination, _objectSpread(_objectSpread({
-    itemRender: mergedItemRender()
-  }, restProps), {}, {
-    showSizeChanger: shouldShowSizeChanger ? {
-      options: [{
-        label: '10 Items / Pages',
-        value: 10
-      }, {
-        label: '20 Items / Pages',
-        value: 20
-      }, {
-        label: '50 Items / Pages',
-        value: 50
-      }, {
-        label: '100 Items / Pages',
-        value: 100
-      }]
-    } : false,
-    className: "".concat(sparkPrefix, "-pagination")
-  }));
+  var shouldShowSizeChanger;
+  if (restProps.showSizeChanger !== null && restProps.showSizeChanger !== undefined) {
+    shouldShowSizeChanger = restProps.showSizeChanger;
+  } else {
+    shouldShowSizeChanger = restProps.total && restProps.total > 50;
+  }
+  var getMergedShowSizeChange = function getMergedShowSizeChange() {
+    if (props.showSizeChanger === true) {
+      // 用户手动设置为 true，使用预置选项
+      return DEFAULT_SHOW_SIZE_CHANGE;
+    }
+    if (props.showSizeChanger === false) {
+      // 用户手动设为 false
+      return false;
+    }
+    if (_typeof(props.showSizeChanger) === 'object' && props.showSizeChanger) {
+      // 用户手动传入的优先
+      return props.showSizeChanger;
+    }
+    if (restProps.total && restProps.total > 50) {
+      // 数据量大于 50，使用预置选项
+      return DEFAULT_SHOW_SIZE_CHANGE;
+    }
+    return false;
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Pagination, _objectSpread(_objectSpread({
+      itemRender: mergedItemRender()
+    }, restProps), {}, {
+      showSizeChanger: getMergedShowSizeChange(),
+      className: "".concat(sparkPrefix, "-pagination")
+    }))]
+  });
 });

package/lib/components/commonComponents/Pagination/index.style.d.ts

@@ -1,49 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: string | {
-            fontWeight: number;
-            borderColor?: undefined;
-            borderRadius?: undefined;
-            a?: undefined;
-            color?: undefined;
-            display?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-        } | {
-            borderColor: string;
-            borderRadius: number;
-            a: {
-                color: string;
-            };
-            fontWeight?: undefined;
-            color?: undefined;
-            display?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-        } | {
-            color: string;
-            fontWeight?: undefined;
-            borderColor?: undefined;
-            borderRadius?: undefined;
-            a?: undefined;
-            display?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-        } | {
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-            fontWeight?: undefined;
-            borderColor?: undefined;
-            borderRadius?: undefined;
-            a?: undefined;
-            color?: undefined;
-        };
-        color: string;
-        a: {
-            color: string;
-        };
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,42 +1,26 @@
-var _excluded = ["css"];
-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 _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 createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var antPrefix = params.antPrefix,
-    sparkPrefix = params.sparkPrefix;
-  return _defineProperty({}, ".".concat(sparkPrefix, "-pagination"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    color: "var(--".concat(sparkPrefix, "-color-text) !important")
-  }, ".".concat(antPrefix, "-pagination-total-text"), {
-    fontWeight: 500
-  }), ".".concat(antPrefix, "-select-selection-item"), {
-    fontWeight: 500
-  }), ".".concat(antPrefix, "-pagination-item-active.").concat(antPrefix, "-pagination-item"), {
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)"),
-    borderRadius: 8,
-    a: {
-      color: "var(--".concat(antPrefix, "-color-text) !important")
-    }
-  }), "a", {
-    color: "var(--".concat(antPrefix, "-color-text) !important")
-  }), ".".concat(antPrefix, "-pagination-jump-next"), {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }), ".".concat(antPrefix, "-pagination-jump-prev"), {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }));
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+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;
+}, 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.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -0,0 +1,13 @@
+import { Button, Popconfirm } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(Popconfirm, {
+    title: "Title here",
+    description: "Descriptive content explaining the action or outcome.",
+    children: /*#__PURE__*/_jsx(Button, {
+      children: "Open Popconfirm"
+    })
+  });
+};
+export default App;

package/lib/components/commonComponents/Popconfirm/demo/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/lib/components/commonComponents/Popconfirm/demo/demo2.js

@@ -0,0 +1,49 @@
+import { Button, Popconfirm } from "../../../..";
+import { Flex } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: 24,
+    children: [/*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "info",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Info"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "success",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Success"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "warning",
+      okText: "Primary Danger",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Warning"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "error",
+      okText: "Primary Danger",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Error"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Confirm"
+      })
+    })]
+  });
+};
+export default App;

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

@@ -1,5 +1,12 @@
 import { PopconfirmProps } from 'antd';
 import React from 'react';
-declare const SparkPopconfirm: React.ForwardRefExoticComponent<PopconfirmProps & React.RefAttributes<any>>;
+export interface SparkPopconfirmProps extends PopconfirmProps {
+    /**
+     * @description 类型
+     * @descriptionEn type of the popconfirm
+     * @default 'confirm'
+     */
+    type?: 'info' | 'warning' | 'error' | 'success' | 'confirm';
+}
+declare const SparkPopconfirm: React.ForwardRefExoticComponent<SparkPopconfirmProps & React.RefAttributes<any>>;
 export default SparkPopconfirm;
-export type SparkPopconfirmProps = PopconfirmProps;

package/lib/components/commonComponents/Popconfirm/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 = ["icon"];
+var _excluded = ["icon", "type", "okButtonProps"];
 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; }
@@ -8,22 +8,64 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 "../../..";
-import { ExclamationCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from '@agentscope-ai/icons-override-antd';
 import { Popconfirm } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var SparkPopconfirm = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var commonConfig = getCommonConfig();
-  var antPrefix = commonConfig.antPrefix;
   var icon = props.icon,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'confirm' : _props$type,
+    okButtonProps = props.okButtonProps,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({}, rest), {}, {
-    ref: ref,
-    icon: icon || /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+  var _getCommonConfig = getCommonConfig(),
+    antPrefix = _getCommonConfig.antPrefix;
+  var getMergedIcon = function getMergedIcon() {
+    if (icon) return icon;
+    if (type === 'confirm') return /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-warning)")
+      }
+    });
+    if (type === 'info') return /*#__PURE__*/_jsx(InfoCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-info)")
+      }
+    });
+    if (type === 'warning') return /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-warning)")
+      }
+    });
+    if (type === 'error') return /*#__PURE__*/_jsx(CloseCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-error)")
+      }
+    });
+    if (type === 'success') return /*#__PURE__*/_jsx(CheckCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-success)")
+      }
+    });
+    return /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
       style: {
         color: "var(--".concat(antPrefix, "-color-warning)")
       }
-    })
+    });
+  };
+  var getMergedOkButtonProps = function getMergedOkButtonProps() {
+    var innerOkButtonProps = {};
+    if (['warning', 'error'].includes(type)) {
+      innerOkButtonProps.danger = true;
+    }
+    return _objectSpread(_objectSpread({}, innerOkButtonProps), okButtonProps || {});
+  };
+  return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    icon: getMergedIcon()
+    // @ts-ignore
+    ,
+    okButtonProps: getMergedOkButtonProps()
   }));
 });
 export default SparkPopconfirm;

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

@@ -12,10 +12,11 @@ export default function Basic() {
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  return /*#__PURE__*/_jsx(PromptsEditor, {
-    onCreate: function onCreate() {
-      return alert(1);
-    },
+  return /*#__PURE__*/_jsx(PromptsEditor
+  // onCreate={() => alert(1)}
+  // tipsText={<div>english tips</div>}
+  , {
+    tipsText: false,
     value: value,
     onChange: setValue,
     maxLength: 5000,