@agentscope-ai/design 1.0.4 → 1.0.6

package/dist/components/commonComponents/Form/index.style.js

@@ -11,9 +11,8 @@ export function getIndexStyleData(params) {
     antPrefix = params.antPrefix;
   return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-form"), _defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-required-mark"), {
     color: "var(--".concat(antPrefix, "-color-error)"),
-    marginLeft: '4px',
     lineHeight: 1,
-    marginTop: '6px'
+    marginTop: '-4px'
   }), ".".concat(antPrefix, "-form-item .").concat(antPrefix, "-form-item-label"), {
     textAlign: 'left'
   })), ".".concat(antPrefix, "-form-item .").concat(antPrefix, "-form-item-label > label"), {
@@ -21,7 +20,8 @@ export function getIndexStyleData(params) {
     whiteSpace: 'normal',
     fontSize: '13px',
     lineHeight: '20px',
-    color: "var(--".concat(antPrefix, "-color-text)")
+    color: "var(--".concat(antPrefix, "-color-text)"),
+    gap: '4px'
   }), ".".concat(sparkPrefix, "-form-label-margin-small"), _defineProperty({}, ".".concat(antPrefix, "-form-item-label > label"), {
     marginRight: '8px'
   })), ".".concat(antPrefix, "-col"), {

package/dist/components/commonComponents/HelpIcon/demo/index.js

@@ -7,6 +7,7 @@ export default (function () {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: ["\u57FA\u7840\u7528\u6CD5\uFF1A", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsxs(Flex, {
       align: "center",
+      gap: 2,
       children: [/*#__PURE__*/_jsx("span", {
         children: "\u529F\u80FD1"
       }), /*#__PURE__*/_jsx(HelpIcon, {

package/dist/components/commonComponents/HelpIcon/index.js

@@ -4,6 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { getCommonConfig } from "../../../config";
+import classNames from 'classnames';
 import IconButton from "../IconButton";
 import useIconFontStyle from "../IconFont/index.style";
 import Tooltip from "../Tooltip";
@@ -16,6 +18,8 @@ export default function HelpIcon(props) {
     content = props.content,
     className = props.className,
     popoverProps = props.popoverProps;
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
   return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
     title: content,
     overlayInnerStyle: {
@@ -25,8 +29,9 @@ export default function HelpIcon(props) {
     style: style
   }, popoverProps), {}, {
     children: /*#__PURE__*/_jsx(IconButton, {
-      className: className,
+      className: classNames("".concat(sparkPrefix, "-help-icon"), className),
       icon: "spark-info-line",
+      iconSize: 20,
       shape: "circle",
       bordered: false,
       size: "small"

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

@@ -1,5 +1,9 @@
 export declare function getIndexStyleData(params: any): {
     [x: string]: {
+        color: string;
+        marginLeft?: undefined;
+        fontSize?: undefined;
+    } | {
         [x: string]: string | {
             margin: number;
         };

package/dist/components/commonComponents/HelpIcon/index.style.js

@@ -8,8 +8,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import createStyle from "../../../libs/createStyle";
 export function getIndexStyleData(params) {
   var antPrefix = params.antPrefix,
-    blPrefix = params.blPrefix;
-  return _defineProperty({}, ".".concat(blPrefix, "-info-icon"), _defineProperty({
+    blPrefix = params.blPrefix,
+    sparkPrefix = params.sparkPrefix;
+  return _defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-help-icon"), {
+    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
+  }), ".".concat(blPrefix, "-info-icon"), _defineProperty({
     color: "var(--".concat(antPrefix, "-color-icon)"),
     marginLeft: "var(--".concat(antPrefix, "-margin-xxs)"),
     fontSize: '14px'

package/dist/components/commonComponents/IconButton/demo/demo1.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { IconButton, Switch } from "../../../..";
-import { DashOutlined, DeleteOutlined } from "@agentscope-ai/icons-override-antd";
+import { SparkSearchLine } from '@agentscope-ai/icons';
 import { Flex, Space } from 'antd';
 import React, { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -29,32 +29,23 @@ var App = function App() {
       children: [/*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          iconType: "spark-jumpsuit-line",
+          iconType: "spark-setting-line",
           disabled: disabled,
           shape: "circle"
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
-          disabled: disabled,
-          shape: "circle"
-        }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           disabled: disabled,
           shape: "circle"
         })]
       }), /*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
-          size: "small",
-          disabled: disabled,
-          shape: "circle"
-        }), /*#__PURE__*/_jsx(IconButton, {
-          iconType: "spark-jumpsuit-line",
+          iconType: "spark-setting-line",
           size: "small",
           disabled: disabled,
           shape: "circle"
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           size: "small",
           disabled: disabled,
           shape: "circle"

package/dist/components/commonComponents/IconButton/demo/demo2.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { IconButton, Switch } from "../../../..";
-import { DashOutlined, DeleteOutlined } from "@agentscope-ai/icons-override-antd";
+import { SparkSearchLine } from '@agentscope-ai/icons';
 import { Flex, Space } from 'antd';
 import React, { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -29,12 +29,12 @@ var App = function App() {
       children: [/*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          icon: 'spark-setting-line',
           bordered: false,
           disabled: disabled,
           shape: "circle"
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           bordered: false,
           disabled: disabled,
           shape: "circle"
@@ -42,13 +42,13 @@ var App = function App() {
       }), /*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          icon: 'spark-setting-line',
           size: "small",
           bordered: false,
           disabled: disabled,
           shape: "circle"
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           size: "small",
           bordered: false,
           disabled: disabled,

package/dist/components/commonComponents/IconButton/demo/demo3.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { IconButton, Switch } from "../../../..";
-import { DashOutlined, DeleteOutlined } from "@agentscope-ai/icons-override-antd";
+import { SparkSearchLine } from '@agentscope-ai/icons';
 import { Flex, Space } from 'antd';
 import React, { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -29,20 +29,20 @@ var App = function App() {
       children: [/*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          icon: 'spark-setting-line',
           disabled: disabled
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           disabled: disabled
         })]
       }), /*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          icon: 'spark-setting-line',
           size: "small",
           disabled: disabled
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           size: "small",
           disabled: disabled
         })]

package/dist/components/commonComponents/IconButton/demo/demo4.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { IconButton, Switch } from "../../../..";
-import { DashOutlined, DeleteOutlined } from "@agentscope-ai/icons-override-antd";
+import { SparkSearchLine } from '@agentscope-ai/icons';
 import { Flex, Space } from 'antd';
 import React, { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -29,22 +29,22 @@ var App = function App() {
       children: [/*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          icon: 'spark-setting-line',
           bordered: false,
           disabled: disabled
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           bordered: false,
           disabled: disabled
         })]
       }), /*#__PURE__*/_jsxs(Space, {
         size: 16,
         children: [/*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+          icon: 'spark-setting-line',
           bordered: false,
           disabled: disabled
         }), /*#__PURE__*/_jsx(IconButton, {
-          icon: /*#__PURE__*/_jsx(DashOutlined, {}),
+          icon: /*#__PURE__*/_jsx(SparkSearchLine, {}),
           bordered: false,
           disabled: disabled
         })]

package/dist/components/commonComponents/IconButton/index.js

@@ -9,7 +9,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 IconFont from "../IconFont";
 import { Button, getCommonConfig } from "../../..";
+import classNames from 'classnames';
 import { useMemo } from 'react';
+import useIndexStyle from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function (props) {
   var _props$bordered = props.bordered,
@@ -17,6 +19,7 @@ export default (function (props) {
     restProps = _objectWithoutProperties(props, _excluded);
   var config = getCommonConfig();
   var iconfont = config.iconfont;
+  useIndexStyle();
   var icon = useMemo(function () {
     if (props.iconType) {
       return /*#__PURE__*/_jsx(IconFont, {
@@ -33,6 +36,7 @@ export default (function (props) {
     }
   }, [props.icon, props.iconType, iconfont]);
   return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    className: classNames(props.className, "".concat(config.sparkPrefix, "-icon-button")),
     style: {
       lineHeight: 1
     },

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

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

package/dist/components/commonComponents/IconButton/index.style.js

@@ -0,0 +1,25 @@
+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 sparkPrefix = params.sparkPrefix,
+    antPrefix = params.antPrefix;
+  return _defineProperty({}, ".".concat(sparkPrefix, "-icon-button.").concat(antPrefix, "-btn"), _defineProperty(_defineProperty(_defineProperty({}, "&:not(:disabled):not(.".concat(antPrefix, "-btn-disabled):hover"), {
+    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)"),
+    borderColor: "transparent"
+  }), "fontSize", 20), "&.".concat(antPrefix, "-btn-sm"), {
+    fontSize: 16
+  }));
+}
+var useIndexStyle = createStyle(function (_ref2) {
+  var css = _ref2.css,
+    params = _objectWithoutProperties(_ref2, _excluded);
+  var result = css(getIndexStyleData(params));
+  return result;
+});
+export default useIndexStyle;

package/dist/components/commonComponents/Input/index.js

@@ -25,8 +25,17 @@ var SparkInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }));
 });
+var SparkTextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _getCommonConfig2 = getCommonConfig(),
+    antPrefix = _getCommonConfig2.antPrefix;
+  useIndexStyle();
+  return /*#__PURE__*/_jsx(Input.TextArea, _objectSpread(_objectSpread({}, props), {}, {
+    className: classNames("".concat(antPrefix, "-text-area"), props.className),
+    ref: ref
+  }));
+});
 Object.assign(SparkInput, {
-  TextArea: Input.TextArea,
+  TextArea: SparkTextArea,
   Search: Input.Search,
   Password: Input.Password,
   OTP: Input.OTP

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

@@ -3,6 +3,7 @@ export declare function getIndexStyleData(params: any): {
         borderColor: string;
         fontWeight?: undefined;
         borderRadius?: undefined;
+        '&::placeholder'?: undefined;
         fontSize?: undefined;
     } | {
         [x: string]: string | number | {
@@ -10,6 +11,9 @@ export declare function getIndexStyleData(params: any): {
         };
         fontWeight: number;
         borderRadius: string;
+        '&::placeholder': {
+            color: string;
+        };
         borderColor?: undefined;
         fontSize?: undefined;
     } | {
@@ -19,16 +23,19 @@ export declare function getIndexStyleData(params: any): {
         borderColor?: undefined;
         fontWeight?: undefined;
         borderRadius?: undefined;
+        '&::placeholder'?: undefined;
         fontSize?: undefined;
     } | {
         fontSize: string;
         borderColor?: undefined;
         fontWeight?: undefined;
         borderRadius?: undefined;
+        '&::placeholder'?: undefined;
     } | {
         borderRadius: string;
         borderColor?: undefined;
         fontWeight?: undefined;
+        '&::placeholder'?: undefined;
         fontSize?: undefined;
     };
 };

package/dist/components/commonComponents/Input/index.style.js

@@ -8,12 +8,14 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import createStyle from "../../../libs/createStyle";
 export function getIndexStyleData(params) {
   var antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-input-outlined"), {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-input-outlined, .").concat(antPrefix, "-input-outlined.").concat(antPrefix, "-input-disabled, .").concat(antPrefix, "-input-outlined[disabled]"), {
     borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-input"), _defineProperty({
+  }), ".".concat(antPrefix, "-input"), _defineProperty(_defineProperty({
     fontWeight: 400,
     borderRadius: '6px'
-  }, ".".concat(antPrefix, "-input-affix-wrapper .").concat(antPrefix, "-input-show-count-suffix"), {
+  }, ".".concat(antPrefix, "-input-show-count-suffix, .").concat(antPrefix, "-input-data-count-suffix"), {
+    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
+  }), '&::placeholder', {
     color: "var(--".concat(antPrefix, "-color-text-tertiary)")
   })), ".".concat(antPrefix, "-input-affix-wrapper"), _defineProperty({}, ".".concat(antPrefix, "-input-prefix"), {
     marginInlineEnd: '8px'
@@ -21,6 +23,8 @@ export function getIndexStyleData(params) {
     fontSize: '15px'
   }), ".".concat(antPrefix, "-input-round"), {
     borderRadius: '999px'
+  }), ".".concat(antPrefix, "-text-area"), {
+    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
   });
 }
 var useIndexStyle = createStyle(function (_ref2) {

package/dist/components/commonComponents/Message/{demo.js → demo/demo1.js}

@@ -1,4 +1,4 @@
-import { message } from "../../..";
+import { message } from "../../../..";
 import { Button, Flex } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist/components/commonComponents/Message/demo/demo2.js

@@ -0,0 +1,66 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { message } from "../../../..";
+import { Button, Flex } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  var _message$useMessage = message.useMessage(),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageApi = _message$useMessage2[0],
+    contextHolder = _message$useMessage2[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [contextHolder, /*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      justify: "center",
+      gap: 20,
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          messageApi.success({
+            content: 'success',
+            viewLink: 'https://www.taobao.com',
+            onClick: function onClick() {
+              alert('click');
+            },
+            duration: 0
+          });
+        },
+        children: "Success"
+      }), /*#__PURE__*/_jsx(Button, {
+        danger: true,
+        onClick: function onClick() {
+          messageApi.warning('warning');
+        },
+        children: "warning"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        danger: true,
+        onClick: function onClick() {
+          messageApi.error({
+            content: 'error'
+          });
+        },
+        children: "error"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          messageApi.info({
+            content: 'info',
+            viewLink: 'https://www.taobao.com'
+          });
+        },
+        children: "info"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          messageApi.loading('loading');
+        },
+        children: "loading"
+      })]
+    })]
+  });
+});

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { MessageArgsProps } from 'antd';
+import { ConfigOptions } from 'antd/es/message/interface';
 interface SparkMessageArgsProps extends MessageArgsProps {
     viewLink?: string;
     conent?: string;
@@ -11,10 +12,18 @@ declare const _default: {
     error: (props: JointContent) => void;
     info: (props: JointContent) => void;
     loading: (props: JointContent) => void;
+    useMessage: (config?: ConfigOptions) => [{
+        success: (options: JointContent) => void;
+        warning: (options: JointContent) => void;
+        error: (options: JointContent) => void;
+        info: (options: JointContent) => void;
+        loading: (options: JointContent) => void;
+        open(args: MessageArgsProps): import("antd/es/message/interface").MessageType;
+        destroy(key?: import("react").Key): void;
+    }, import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>];
     open: (config: MessageArgsProps) => import("antd/es/message/interface").MessageType;
     destroy: (key?: import("react").Key) => void;
-    config: (config: import("antd/es/message/interface").ConfigOptions) => void;
-    useMessage: typeof import("antd/es/message/useMessage").default;
+    config: (config: ConfigOptions) => void;
     _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/message/PurePanel").PurePanelProps>;
 };
 export default _default;

package/dist/components/commonComponents/Message/index.js

@@ -1,5 +1,11 @@
 var _excluded = ["content"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -47,6 +53,47 @@ var open = function open(type, props) {
     icon: type === 'loading' ? undefined : (_types$type = types[type]) === null || _types$type === void 0 ? void 0 : _types$type.icon
   }, restProps));
 };
+var useMessage = function useMessage(config) {
+  var _message$useMessage = message.useMessage(config),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageApi = _message$useMessage2[0],
+    contextHolder = _message$useMessage2[1];
+  var openApi = function openApi(type, options) {
+    var _types$type2;
+    var newOptions;
+    if (typeof options === 'string') {
+      newOptions = {
+        content: options,
+        type: type
+      };
+    } else {
+      newOptions = _objectSpread(_objectSpread({}, options), {}, {
+        type: type
+      });
+    }
+    messageApi[type](_objectSpread(_objectSpread({}, newOptions), {}, {
+      icon: (_types$type2 = types[type]) === null || _types$type2 === void 0 ? void 0 : _types$type2.icon
+    }));
+  };
+  var newMessageApi = _objectSpread(_objectSpread({}, messageApi), {}, {
+    success: function success(options) {
+      return openApi('success', options);
+    },
+    warning: function warning(options) {
+      return openApi('warning', options);
+    },
+    error: function error(options) {
+      return openApi('error', options);
+    },
+    info: function info(options) {
+      return openApi('info', options);
+    },
+    loading: function loading(options) {
+      return openApi('loading', options);
+    }
+  });
+  return [newMessageApi, contextHolder];
+};
 export default _objectSpread(_objectSpread({}, message), {}, {
   success: function success(props) {
     return open('success', props);
@@ -62,5 +109,6 @@ export default _objectSpread(_objectSpread({}, message), {}, {
   },
   loading: function loading(props) {
     return open('loading', props);
-  }
+  },
+  useMessage: useMessage
 });

package/dist/components/commonComponents/Modal/index.js

@@ -1,10 +1,14 @@
 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 useIndexStyle from "./index.style";
@@ -13,10 +17,12 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var SparkModal = function SparkModal(props) {
   useIndexStyle();
   var _getCommonConfig = getCommonConfig(),
-    sparkPrefix = _getCommonConfig.sparkPrefix,
-    variables = _getCommonConfig.variables;
+    sparkPrefix = _getCommonConfig.sparkPrefix;
   var _props$showDivider = props.showDivider,
-    showDivider = _props$showDivider === void 0 ? true : _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"),
@@ -29,10 +35,25 @@ var SparkModal = function SparkModal(props) {
       })]
     }) : 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__*/_jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__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'),
-    wrapStyle: _objectSpread(_objectSpread({}, variables), props.wrapStyle),
+    wrapStyle: _objectSpread({}, props.wrapStyle),
     footer: mergedFooter,
     transitionName: ""
   }));