@agentscope-ai/design 1.0.4 → 1.0.6

package/README.md

@@ -1,15 +1,14 @@
 <div align="center"><a name="readme-top"></a>
 
-<img height="120" src="https://img.alicdn.com/imgextra/i1/O1CN01ipemFb1EzmZI9LiTe_!!6000000000423-55-tps-28-28.svg">
+  <img height="120" src="https://img.alicdn.com/imgextra/i1/O1CN01ipemFb1EzmZI9LiTe_!!6000000000423-55-tps-28-28.svg">
 
-<h1>Spark Design</h1>
+  <h1>@agentscope-ai/design</h1>
 </div>
-🎨 Spark Design is a front-end component library for LLM scenarios, used to build excellent LLM product experience, including a series of rich basic components and scenario components with LLM characteristics.
+🎨 @agentscope-ai/design is a front-end component library for LLM scenarios, used to build excellent LLM product experience, including a series of rich basic components and scenario components with LLM characteristics.
 <br />
 <br />
 
-💬 Spark Chat: A free AI Chat framework for building an excellent LLM Chat experience similar to ChatGPT
-🔀 Spark Flow: A free, open source workflow suite for building low-code, visual AI operation workflows
+💬 @agentscope-ai/chat: A free AI Chat framework for building an excellent LLM Chat experience similar to ChatGPT
 
 ## ✨ Features
 - <img height="15" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"> Based on Ant Design, compatible with the Ant Design ecosystem.
@@ -44,7 +43,7 @@ const App = () => {
   return (
     <ConfigProvider
       {...theme} // you can choose from purpleTheme, purpleDarkTheme, carbonTheme and carbonDarkTheme
-      prefix={prefix} // prefix for Ant Design and Spark Design
+      prefix={prefix} // prefix for Ant Design and @agentscope-ai/design
       iconfont="//at.alicdn.com/t/a/font_4807885_ugexdeaoq7.js" // optional parameter, you can get it from https://www.iconfont.cn/
       locale={zhCN} // language pack from Ant Design
     >

package/dist/antd/styles/breadcrumb.style.d.ts

@@ -0,0 +1,18 @@
+export declare function getBreadcrumbStyleData(params: any): {
+    [x: string]: {
+        [x: string]: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            color: string;
+        } | {
+            color: string;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            lineHeight?: undefined;
+        };
+        'li:last-child': {
+            color: string;
+        };
+    };
+};

package/dist/antd/styles/breadcrumb.style.js

@@ -0,0 +1,15 @@
+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 _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); }
+export function getBreadcrumbStyleData(params) {
+  var antPrefix = params.antPrefix;
+  return _defineProperty({}, ".".concat(antPrefix, "-breadcrumb"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-breadcrumb-link"), {
+    fontSize: '14px',
+    fontWeight: 500,
+    lineHeight: '24px',
+    color: "var(--".concat(antPrefix, "-color-text-secondary)")
+  }), 'li:last-child', {
+    color: "var(--".concat(antPrefix, "-color-text)")
+  }));
+}

package/dist/antd/styles/index.style.js

@@ -8,6 +8,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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";
+import { getBreadcrumbStyleData } from "./breadcrumb.style";
 import { getButtonStyleData } from "./button.style";
 import { getDropdownStyleData } from "./dropdown.style";
 import { getMessageStyleData } from "./message.style";
@@ -21,7 +22,7 @@ import { getTableStyleData } from "./table.style";
 import { getTooltipStyleData } from "./tooltip.style";
 export function getIndexStyleData(params) {
   // const { antPrefix = 'bl-ant', blPrefix = 'bl' } = params;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     // 定义动画关键帧
     '@keyframes fadeInUp': {
       '0%': {
@@ -39,7 +40,7 @@ export function getIndexStyleData(params) {
       transform: 'translateY(32px)',
       animation: 'fadeInUp 0.4s ease forwards'
     }
-  }, getSliderStyleData(params)), getPopoverStyleData(params)), getSelectStyleData(params)), getButtonStyleData(params)), getDropdownStyleData(params)), getTooltipStyleData(params)), getMessageStyleData(params)), getSegmentStyleData(params)), getNotificationStyleData(params)), getTableStyleData(params)), getRadioStyleData(params));
+  }, getSliderStyleData(params)), getPopoverStyleData(params)), getSelectStyleData(params)), getButtonStyleData(params)), getDropdownStyleData(params)), getTooltipStyleData(params)), getMessageStyleData(params)), getSegmentStyleData(params)), getNotificationStyleData(params)), getTableStyleData(params)), getRadioStyleData(params)), getBreadcrumbStyleData(params));
 }
 var useIndexStyle = createStyle(function (_ref) {
   var css = _ref.css,

package/dist/antd/styles/select.style.d.ts

@@ -2,5 +2,20 @@ export declare function getSelectStyleData(params: any): {
     [x: string]: {
         border: string;
         boxShadow: string;
+        borderRadius: string;
+        borderColor?: undefined;
+        color?: undefined;
+    } | {
+        borderColor: string;
+        border?: undefined;
+        boxShadow?: undefined;
+        borderRadius?: undefined;
+        color?: undefined;
+    } | {
+        color: string;
+        border?: undefined;
+        boxShadow?: undefined;
+        borderRadius?: undefined;
+        borderColor?: undefined;
     };
 };

package/dist/antd/styles/select.style.js

@@ -4,8 +4,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 export function getSelectStyleData(params) {
   var antPrefix = params.antPrefix;
-  return _defineProperty({}, ".".concat(antPrefix, "-select-dropdown"), {
+  return _defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-select-dropdown"), {
     border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)"),
-    boxShadow: "0px 4px 6px 0px rgba(0, 0, 0, 0.08)"
+    boxShadow: "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
+    borderRadius: "var(--".concat(antPrefix, "-border-radius)")
+  }), ".".concat(antPrefix, "-select-outlined:not(.").concat(antPrefix, "-select-customize-input) .").concat(antPrefix, "-select-selector"), {
+    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
+  }), ".".concat(antPrefix, "-select .").concat(antPrefix, "-select-arrow"), {
+    color: "var(--".concat(antPrefix, "-color-text-secondary)")
   });
 }

package/dist/antd/themes/bailianDarkTheme.json

@@ -3,7 +3,12 @@
     "cssVar": true,
     "hashed": false,
     "token": {
+      "borderRadiusXS": 2,
+      "borderRadiusSM": 4,
       "borderRadius": 6,
+      "borderRadiusLG": 8,
+      "borderRadiusXL": 12,
+      "borderRadiusFull": 999,
       "wireframe": false,
       "colorPrimaryBg": "#202041",
       "colorPrimaryBgHover": "#202041",
@@ -59,7 +64,33 @@
       "colorErrorBorderHover": "rgba(255, 163, 158, 0.2)",
       "colorLink": "#5551CC",
       "boxShadow": "0px 4px 6px 0px rgba(255, 255, 255, 0.08)",
-      "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.04),0px 8px 40px 0px rgba(255, 255, 255, 0.06),0px 0px 1px 0px rgba(255, 255, 255, 0.02)"
+      "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.04),0px 8px 40px 0px rgba(255, 255, 255, 0.06),0px 0px 1px 0px rgba(255, 255, 255, 0.02)",
+      "colorTextWhite": "#fff",
+      "colorFillDisable": "#8D8C98",
+      "colorPurple": "#5551CC",
+      "colorPurpleHover": "#8383F0",
+      "colorPurpleBg": "rgba(226, 222, 255, 0.2)",
+      "colorPink": "#EC4899",
+      "colorPinkHover": "#E494BC",
+      "colorPinkBg": "rgba(251, 220, 239, 0.2)",
+      "colorYellow": "#EAB308",
+      "colorYellowHover": "#DBBE62",
+      "colorYellowBg": "rgba(255, 250, 184, 0.2)",
+      "colorOrange": "#FA8125",
+      "colorOrangeHover": "#F7A25F",
+      "colorOrangeBg": "rgba(255, 232, 201, 0.2)",
+      "colorTeal": "#14B8A6",
+      "colorTealHover": "#7BC7BE",
+      "colorTealBg": "rgba(200, 244, 233, 0.2)",
+      "colorBlue": "#0090FF",
+      "colorBlueHover": "#83BFED",
+      "colorBlueBg": "rgba(194, 229, 255, 0.2)",
+      "colorMauve": "#8E8C99",
+      "colorMauveHover": "#BBB8CA",
+      "colorMauveBg": "rgba(239, 240, 243, 0.2)",
+      "boxShadowTertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.16),0px 12px 60px 0px rgba(255, 255, 255, 0.08),0px 0px 1px 0px rgba(255, 255, 255, 0.02)",
+      "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(255, 255, 255, 0.16),-12px 0px 60px 0px rgba(255, 255, 255, 0.08),0px 0px 1px 0px rgba(255, 255, 255, 0.02);",
+      "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
     },
     "components": {
       "Alert": {
@@ -130,34 +161,10 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
-    },
-    "extraCssVariables": {
-      "color-text-white": "#fff",
-      "color-fill-disable": "#8D8C98",
-      "color-purple": "#5551CC",
-      "color-purple-hover": "#8383F0",
-      "color-purple-bg": "rgba(226, 222, 255, 0.2)",
-      "color-pink": "#EC4899",
-      "color-pink-hover": "#E494BC",
-      "color-pink-bg": "rgba(251, 220, 239, 0.2)",
-      "color-yellow": "#EAB308",
-      "color-yellow-hover": "#DBBE62",
-      "color-yellow-bg": "rgba(255, 250, 184, 0.2)",
-      "color-orange": "#FA8125",
-      "color-orange-hover": "#F7A25F",
-      "color-orange-bg": "rgba(255, 232, 201, 0.2)",
-      "color-teal": "#14B8A6",
-      "color-teal-hover": "#7BC7BE",
-      "color-teal-bg": "rgba(200, 244, 233, 0.2)",
-      "color-blue": "#0090FF",
-      "color-blue-hover": "#83BFED",
-      "color-blue-bg": "rgba(194, 229, 255, 0.2)",
-      "color-mauve": "#8E8C99",
-      "color-mauve-hover": "#BBB8CA",
-      "color-mauve-bg": "rgba(239, 240, 243, 0.2)",
-      "box-shadow-tertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.16),0px 12px 60px 0px rgba(255, 255, 255, 0.08),0px 0px 1px 0px rgba(255, 255, 255, 0.02)",
-      "box-shadow-tertiary-left": "-12px 0px 32px -16px rgba(255, 255, 255, 0.16),-12px 0px 60px 0px rgba(255, 255, 255, 0.08),0px 0px 1px 0px rgba(255, 255, 255, 0.02);"
     }
   },
   "checkbox": {

package/dist/antd/themes/bailianTheme.json

@@ -3,7 +3,12 @@
     "cssVar": true,
     "hashed": false,
     "token": {
+      "borderRadiusXS": 2,
+      "borderRadiusSM": 4,
       "borderRadius": 6,
+      "borderRadiusLG": 8,
+      "borderRadiusXL": 12,
+      "borderRadiusFull": 999,
       "wireframe": false,
       "colorPrimaryBg": "#F2F0FF",
       "colorPrimaryBgHover": "#F2F0FF",
@@ -59,7 +64,33 @@
       "colorErrorBorderHover": "#FFA39E",
       "colorLink": "#615CED",
       "boxShadow": "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
-      "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)"
+      "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
+      "colorTextWhite": "#fff",
+      "colorFillDisable": "#DBDAE7",
+      "colorPurple": "#615CED",
+      "colorPurpleHover": "#8080FF",
+      "colorPurpleBg": "rgba(226, 222, 255, 0.8)",
+      "colorPink": "#EC4899",
+      "colorPinkHover": "#E593BC",
+      "colorPinkBg": "rgba(251, 220, 239, 0.8)",
+      "colorYellow": "#EAB308",
+      "colorYellowHover": "#F1D372",
+      "colorYellowBg": "rgba(255, 250, 184, 0.8)",
+      "colorOrange": "#FA8125",
+      "colorOrangeHover": "#E88C45",
+      "colorOrangeBg": "rgba(255, 232, 201, 0.8)",
+      "colorTeal": "#14B8A6",
+      "colorTealHover": "#5FB3A9",
+      "colorTealBg": "rgba(200, 244, 233, 0.8)",
+      "colorBlue": "#0090FF",
+      "colorBlueHover": "#72BCF5",
+      "colorBlueBg": "rgba(194, 229, 255, 0.8)",
+      "colorMauve": "#8E8C99",
+      "colorMauveHover": "#C0BFC8",
+      "colorMauveBg": "rgba(239, 240, 243, 0.8)",
+      "boxShadowTertiary": "0px 12px 32px -16px rgba(0, 0, 0, 0.24),0px 12px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
+      "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(0, 0, 0, 0.24),-12px 0px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
+      "boxShadowInput": "0px 12px 24px -16px rgba(54, 54, 73, 0.04),0px 12px 40px 0px rgba(51, 51, 71, 0.08),0px 0px 1px 0px rgba(44, 44, 54, 0.02)"
     },
     "components": {
       "Alert": {
@@ -127,34 +158,10 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
-    },
-    "extraCssVariables": {
-      "color-text-white": "#fff",
-      "color-fill-disable": "#DBDAE7",
-      "color-purple": "#615CED",
-      "color-purple-hover": "#8080FF",
-      "color-purple-bg": "rgba(226, 222, 255, 0.8)",
-      "color-pink": "#EC4899",
-      "color-pink-hover": "#E593BC",
-      "color-pink-bg": "rgba(251, 220, 239, 0.8)",
-      "color-yellow": "#EAB308",
-      "color-yellow-hover": "#F1D372",
-      "color-yellow-bg": "rgba(255, 250, 184, 0.8)",
-      "color-orange": "#FA8125",
-      "color-orange-hover": "#E88C45",
-      "color-orange-bg": "rgba(255, 232, 201, 0.8)",
-      "color-teal": "#14B8A6",
-      "color-teal-hover": "#5FB3A9",
-      "color-teal-bg": "rgba(200, 244, 233, 0.8)",
-      "color-blue": "#0090FF",
-      "color-blue-hover": "#72BCF5",
-      "color-blue-bg": "rgba(194, 229, 255, 0.8)",
-      "color-mauve": "#8E8C99",
-      "color-mauve-hover": "#C0BFC8",
-      "color-mauve-bg": "rgba(239, 240, 243, 0.8)",
-      "box-shadow-tertiary": "0px 12px 32px -16px rgba(0, 0, 0, 0.24),0px 12px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-      "box-shadow-tertiary-left": "-12px 0px 32px -16px rgba(0, 0, 0, 0.24),-12px 0px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)"
     }
   },
   "checkbox": {

package/dist/antd/themes/carbonDarkTheme.json

@@ -3,7 +3,12 @@
     "cssVar": true,
     "hashed": false,
     "token": {
+      "borderRadiusXS": 2,
+      "borderRadiusSM": 4,
       "borderRadius": 6,
+      "borderRadiusLG": 8,
+      "borderRadiusXL": 12,
+      "borderRadiusFull": 999,
       "wireframe": false,
       "colorPrimaryBg": "#181818",
       "colorPrimaryBgHover": "#2e2e2e",
@@ -59,7 +64,33 @@
       "colorErrorBorderHover": "rgba(255, 163, 158, 0.2)",
       "colorLink": "rgba(22, 87, 238, 1)",
       "boxShadow": "0px 4px 6px 0px rgba(255, 255, 255, 0.08)",
-      "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.06),0px 8px 40px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
+      "boxShadowSecondary": "0px 12px 24px -16px rgba(255, 255, 255, 0.06),0px 8px 40px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
+      "colorTextWhite": "#fff",
+      "colorFillDisable": "rgba(137, 137, 137, 1)",
+      "colorPurple": "#5551CC",
+      "colorPurpleHover": "#8383F0",
+      "colorPurpleBg": "rgba(226, 222, 255, 0.2)",
+      "colorPink": "#EC4899",
+      "colorPinkHover": "#E494BC",
+      "colorPinkBg": "rgba(251, 220, 239, 0.2)",
+      "colorYellow": "#EAB308",
+      "colorYellowHover": "#DBBE62",
+      "colorYellowBg": "rgba(255, 250, 184, 0.2)",
+      "colorOrange": "#FA8125",
+      "colorOrangeHover": "#F7A25F",
+      "colorOrangeBg": "rgba(255, 232, 201, 0.2)",
+      "colorTeal": "#14B8A6",
+      "colorTealHover": "#7BC7BE",
+      "colorTealBg": "rgba(200, 244, 233, 0.2)",
+      "colorBlue": "#0090FF",
+      "colorBlueHover": "#83BFED",
+      "colorBlueBg": "rgba(194, 229, 255, 0.2)",
+      "colorMauve": "#8E8C99",
+      "colorMauveHover": "#BBB8CA",
+      "colorMauveBg": "rgba(239, 240, 243, 0.2)",
+      "boxShadowTertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.24),0px 12px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
+      "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(255, 255, 255, 0.24),-12px 0px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
+      "boxShadowInput": "0px 12px 24px -16px rgba(255, 255, 255, 0.08),0px 12px 40px 0px rgba(255, 255, 255, 0.16),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
     },
     "components": {
       "Alert": {
@@ -129,34 +160,10 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
-    },
-    "extraCssVariables": {
-      "color-text-white": "#fff",
-      "color-fill-disable": "rgba(137, 137, 137, 1)",
-      "color-purple": "#5551CC",
-      "color-purple-hover": "#8383F0",
-      "color-purple-bg": "rgba(226, 222, 255, 0.2)",
-      "color-pink": "#EC4899",
-      "color-pink-hover": "#E494BC",
-      "color-pink-bg": "rgba(251, 220, 239, 0.2)",
-      "color-yellow": "#EAB308",
-      "color-yellow-hover": "#DBBE62",
-      "color-yellow-bg": "rgba(255, 250, 184, 0.2)",
-      "color-orange": "#FA8125",
-      "color-orange-hover": "#F7A25F",
-      "color-orange-bg": "rgba(255, 232, 201, 0.2)",
-      "color-teal": "#14B8A6",
-      "color-teal-hover": "#7BC7BE",
-      "color-teal-bg": "rgba(200, 244, 233, 0.2)",
-      "color-blue": "#0090FF",
-      "color-blue-hover": "#83BFED",
-      "color-blue-bg": "rgba(194, 229, 255, 0.2)",
-      "color-mauve": "#8E8C99",
-      "color-mauve-hover": "#BBB8CA",
-      "color-mauve-bg": "rgba(239, 240, 243, 0.2)",
-      "box-shadow-tertiary": "0px 12px 32px -16px rgba(255, 255, 255, 0.24),0px 12px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)",
-      "box-shadow-tertiary-left": "-12px 0px 32px -16px rgba(255, 255, 255, 0.24),-12px 0px 60px 0px rgba(255, 255, 255, 0.12),0px 0px 1px 0px rgba(255, 255, 255, 0.04)"
     }
   },
   "checkbox": {

package/dist/antd/themes/carbonTheme.json

@@ -3,7 +3,12 @@
     "cssVar": true,
     "hashed": false,
     "token": {
+      "borderRadiusXS": 2,
+      "borderRadiusSM": 4,
       "borderRadius": 6,
+      "borderRadiusLG": 8,
+      "borderRadiusXL": 12,
+      "borderRadiusFull": 999,
       "wireframe": false,
       "colorPrimaryBg": "rgba(244, 244, 247, 1)",
       "colorPrimaryBgHover": "rgba(239, 239, 244, 1)",
@@ -59,7 +64,33 @@
       "colorErrorBorderHover": "#FFA39E",
       "colorLink": "#615CED",
       "boxShadow": "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
-      "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)"
+      "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
+      "colorTextWhite": "#fff",
+      "colorFillDisable": "#E8E8EB",
+      "colorPurple": "#615CED",
+      "colorPurpleHover": "#8080FF",
+      "colorPurpleBg": "rgba(226, 222, 255, 0.8)",
+      "colorPink": "#EC4899",
+      "colorPinkHover": "#E593BC",
+      "colorPinkBg": "rgba(251, 220, 239, 0.8)",
+      "colorYellow": "#EAB308",
+      "colorYellowHover": "#F1D372",
+      "colorYellowBg": "rgba(255, 250, 184, 0.8)",
+      "colorOrange": "#FA8125",
+      "colorOrangeHover": "#E88C45",
+      "colorOrangeBg": "rgba(255, 232, 201, 0.8)",
+      "colorTeal": "#14B8A6",
+      "colorTealHover": "#5FB3A9",
+      "colorTealBg": "rgba(200, 244, 233, 0.8)",
+      "colorBlue": "#0090FF",
+      "colorBlueHover": "#72BCF5",
+      "colorBlueBg": "rgba(194, 229, 255, 0.8)",
+      "colorMauve": "#8E8C99",
+      "colorMauveHover": "#C0BFC8",
+      "colorMauveBg": "rgba(239, 240, 243, 0.8)",
+      "boxShadowTertiary": "0px 12px 32px -16px rgba(0, 0, 0, 0.24),0px 12px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
+      "boxShadowTertiaryLeft": "-12px 0px 32px -16px rgba(0, 0, 0, 0.24),-12px 0px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
+      "boxShadowInput": "0px 12px 24px -16px rgba(54, 54, 73, 0.04),0px 12px 40px 0px rgba(51, 51, 71, 0.08),0px 0px 1px 0px rgba(44, 44, 54, 0.02)"
     },
     "components": {
       "Alert": {
@@ -127,34 +158,10 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
-    },
-    "extraCssVariables": {
-      "color-text-white": "#fff",
-      "color-fill-disable": "#E8E8EB",
-      "color-purple": "#615CED",
-      "color-purple-hover": "#8080FF",
-      "color-purple-bg": "rgba(226, 222, 255, 0.8)",
-      "color-pink": "#EC4899",
-      "color-pink-hover": "#E593BC",
-      "color-pink-bg": "rgba(251, 220, 239, 0.8)",
-      "color-yellow": "#EAB308",
-      "color-yellow-hover": "#F1D372",
-      "color-yellow-bg": "rgba(255, 250, 184, 0.8)",
-      "color-orange": "#FA8125",
-      "color-orange-hover": "#E88C45",
-      "color-orange-bg": "rgba(255, 232, 201, 0.8)",
-      "color-teal": "#14B8A6",
-      "color-teal-hover": "#5FB3A9",
-      "color-teal-bg": "rgba(200, 244, 233, 0.8)",
-      "color-blue": "#0090FF",
-      "color-blue-hover": "#72BCF5",
-      "color-blue-bg": "rgba(194, 229, 255, 0.8)",
-      "color-mauve": "#8E8C99",
-      "color-mauve-hover": "#C0BFC8",
-      "color-mauve-bg": "rgba(239, 240, 243, 0.8)",
-      "box-shadow-tertiary": "0px 12px 32px -16px rgba(0, 0, 0, 0.24),0px 12px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
-      "box-shadow-tertiary-left": "-12px 0px 32px -16px rgba(0, 0, 0, 0.24),-12px 0px 60px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)"
     }
   },
   "checkbox": {

package/dist/components/commonComponents/AlertDialog/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 = ["children", "type", "danger", "title"];
+var _excluded = ["children", "type", "danger", "title", "width", "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; }
@@ -8,25 +8,19 @@ 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 $i18n from "../../../i18n";
-import { staticRenderer } from "../../..";
 import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
 import { Flex, Modal } from 'antd';
 import classNames from 'classnames';
-import { uniqueId } from 'lodash-es';
 import { getCommonConfig } from "../../../config";
+import useIndexStyle from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var AlertDialog = function AlertDialog(props) {
-  var children = props.children,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'info' : _props$type,
-    _props$danger = props.danger,
-    danger = _props$danger === void 0 ? false : _props$danger,
-    title = props.title,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var _getCommonConfig = getCommonConfig(),
-    antPrefix = _getCommonConfig.antPrefix;
-  var renderTitle = function renderTitle() {
+var getCommonProps = function getCommonProps(props) {
+  var renderTitle = function renderTitle(_ref) {
+    var type = _ref.type,
+      title = _ref.title;
+    var _getCommonConfig = getCommonConfig(),
+      antPrefix = _getCommonConfig.antPrefix;
     switch (type) {
       case 'success':
         return /*#__PURE__*/_jsxs(Flex, {
@@ -87,57 +81,66 @@ var AlertDialog = function AlertDialog(props) {
         });
     }
   };
-  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
-    width: 400,
-    transitionName: ""
-  }, restProps), {}, {
+  var children = props.children,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'info' : _props$type,
+    _props$danger = props.danger,
+    danger = _props$danger === void 0 ? false : _props$danger,
+    title = props.title,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 400 : _props$width,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return {
+    width: width,
+    transitionName: '',
+    restProps: restProps,
     closeIcon: null,
-    title: renderTitle(),
+    title: renderTitle({
+      type: type,
+      title: title
+    }),
     okButtonProps: {
       danger: type === 'error' || danger
     },
-    styles: {
-      body: {
-        padding: '12px 0 12px 32px',
-        fontSize: '14px'
-      }
-    },
     destroyOnClose: true,
-    getContainer: function getContainer() {
-      return document.getElementById('root');
-    },
-    className: classNames(props.className, 'animate-in'),
-    children: props.content || children
+    className: classNames(className, 'animate-in', "".concat(getCommonConfig().sparkPrefix, "-alert-dialog")),
+    content: props.content || children,
+    children: children
+  };
+};
+var AlertDialog = function AlertDialog(props) {
+  var commonProps = getCommonProps(props);
+  useIndexStyle();
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+    width: commonProps.width,
+    transitionName: ""
+  }, commonProps.restProps), {}, {
+    closeIcon: null,
+    title: commonProps.title,
+    okButtonProps: commonProps.okButtonProps || {},
+    destroyOnClose: commonProps.destroyOnClose,
+    className: commonProps.className,
+    children: commonProps.content || commonProps.children
   }));
 };
 var staticFns = ['success', 'info', 'warning', 'error'];
-var _getCommonConfig2 = getCommonConfig(),
-  sparkPrefix = _getCommonConfig2.sparkPrefix;
 staticFns.forEach(function (type) {
   AlertDialog[type] = function (props) {
-    var id = uniqueId();
-    staticRenderer.show( /*#__PURE__*/_jsx(AlertDialog, _objectSpread(_objectSpread({}, props), {}, {
-      type: type,
-      open: true,
-      onOk: function onOk(e) {
-        var _props$onOk;
-        staticRenderer.hide(id);
-        (_props$onOk = props.onOk) === null || _props$onOk === void 0 || _props$onOk.call(props, e);
-      },
-      onCancel: function onCancel(e) {
-        var _props$onCancel;
-        staticRenderer.hide(id);
-        (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, e);
-      },
-      onClose: function onClose(e) {
-        var _props$onClose;
-        staticRenderer.hide(id);
-        (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props, e);
-      },
-      getContainer: function getContainer() {
-        return document.querySelector("div[role=".concat(sparkPrefix, "-static").concat(id ? "-".concat(id) : '', "]")) || document.body;
-      }
-    })), id);
+    var commonProps = getCommonProps(_objectSpread(_objectSpread({}, props), {}, {
+      type: type
+    }));
+    function Content() {
+      useIndexStyle();
+      return commonProps.content;
+    }
+
+    // @ts-ignore
+    return Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, commonProps), commonProps.restProps), {}, {
+      content: /*#__PURE__*/_jsx(Content, {}),
+      icon: null
+    }));
   };
 });
 export default AlertDialog;

package/dist/components/commonComponents/AlertDialog/index.style.d.ts

@@ -0,0 +1,17 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        [x: string]: {
+            padding: string;
+            fontSize: string;
+            color: string;
+            maxWidth?: undefined;
+        } | {
+            maxWidth: string;
+            padding?: undefined;
+            fontSize?: undefined;
+            color?: undefined;
+        };
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;