@agentscope-ai/design 1.0.4

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

@@ -0,0 +1,66 @@
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { message } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var types = {
+  success: {
+    type: 'success',
+    icon: /*#__PURE__*/_jsx(CheckCircleOutlined, {})
+  },
+  warning: {
+    type: 'warning',
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  },
+  error: {
+    type: 'error',
+    icon: /*#__PURE__*/_jsx(CloseCircleOutlined, {})
+  },
+  info: {
+    type: 'info',
+    icon: /*#__PURE__*/_jsx(InfoCircleOutlined, {})
+  }
+};
+var open = function open(type, props) {
+  var _types$type;
+  var messageProps;
+  if (typeof props === 'string') {
+    messageProps = {
+      content: props
+    };
+  } else {
+    messageProps = _objectSpread({}, props);
+  }
+  var _messageProps = messageProps,
+    content = _messageProps.content,
+    restProps = _objectWithoutProperties(_messageProps, _excluded);
+  message.open(_objectSpread({
+    type: type,
+    content: content,
+    icon: type === 'loading' ? undefined : (_types$type = types[type]) === null || _types$type === void 0 ? void 0 : _types$type.icon
+  }, restProps));
+};
+export default _objectSpread(_objectSpread({}, message), {}, {
+  success: function success(props) {
+    return open('success', props);
+  },
+  warning: function warning(props) {
+    return open('warning', props);
+  },
+  error: function error(props) {
+    return open('error', props);
+  },
+  info: function info(props) {
+    return open('info', props);
+  },
+  loading: function loading(props) {
+    return open('loading', props);
+  }
+});

package/dist/components/commonComponents/Modal/demo/demo1.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,137 @@
+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 { Button, Modal } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { useState } from 'react';
+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 () {
+  // 分别为两个Modal设置独立的开关状态
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModalOpen1 = _useState2[0],
+    setIsModalOpen1 = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isModalOpen2 = _useState4[0],
+    setIsModalOpen2 = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isModalOpen3 = _useState6[0],
+    setIsModalOpen3 = _useState6[1];
+  var showModal1 = function showModal1() {
+    setIsModalOpen1(true);
+  };
+  var handleOk1 = function handleOk1() {
+    setIsModalOpen1(false);
+  };
+  var handleCancel1 = function handleCancel1() {
+    setIsModalOpen1(false);
+  };
+  var showModal2 = function showModal2() {
+    setIsModalOpen2(true);
+  };
+  var handleOk2 = function handleOk2() {
+    setIsModalOpen2(false);
+  };
+  var handleCancel2 = function handleCancel2() {
+    setIsModalOpen2(false);
+  };
+  var showModal3 = function showModal3() {
+    setIsModalOpen3(true);
+  };
+  var handleOk3 = function handleOk3() {
+    setIsModalOpen3(false);
+  };
+  var handleCancel3 = function handleCancel3() {
+    setIsModalOpen3(false);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u57FA\u672C\u4F7F\u7528",
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: showModal1,
+        children: "Open Modal 1"
+      }), /*#__PURE__*/_jsx(Modal, {
+        title: "Basic Modal",
+        open: isModalOpen1,
+        onOk: handleOk1,
+        onCancel: handleCancel1,
+        bodyProps: {
+          style: {
+            padding: 0
+          }
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            width: '100%',
+            height: 340,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          children: "Content here"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u4E0D\u5C55\u793A\u5206\u5272\u7EBF",
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: showModal2,
+        children: "Open Modal 2"
+      }), /*#__PURE__*/_jsx(Modal, {
+        title: "Basic Modal",
+        open: isModalOpen2,
+        onOk: handleOk2,
+        onCancel: handleCancel2,
+        showDivider: false,
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            width: '100%',
+            height: 340,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          children: "Content here"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "body\u533A\u57DF\u65E0padding",
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: showModal3,
+        children: "Open Modal 3"
+      }), /*#__PURE__*/_jsx(Modal, {
+        title: "Basic Modal",
+        open: isModalOpen3,
+        onOk: handleOk3,
+        onCancel: handleCancel3,
+        showDivider: false,
+        bodyProps: {
+          style: {
+            padding: 0,
+            backgroundColor: '#9189FA'
+          }
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            width: '100%',
+            height: 340,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            color: 'white'
+          },
+          children: "Content here"
+        })
+      })]
+    })]
+  });
+});

package/dist/components/commonComponents/Modal/demo/demo2.d.ts

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

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

@@ -0,0 +1,77 @@
+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 { Button, Modal } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { theme } from 'antd';
+import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  var token = theme.useToken();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var showModal = function showModal() {
+    setOpen(true);
+  };
+  var handleOk = function handleOk() {
+    setLoading(true);
+    setTimeout(function () {
+      setLoading(false);
+      setOpen(false);
+    }, 3000);
+  };
+  var handleCancel = function handleCancel() {
+    setOpen(false);
+  };
+  return /*#__PURE__*/_jsxs(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49footer",
+    children: [/*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      onClick: showModal,
+      children: "Open Modal with customized footer"
+    }), /*#__PURE__*/_jsx(Modal, {
+      open: open,
+      title: "Title",
+      onOk: handleOk,
+      onCancel: handleCancel,
+      footer: [/*#__PURE__*/_jsx(Button, {
+        onClick: handleCancel,
+        children: "Return"
+      }, "back"), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        loading: loading,
+        onClick: handleOk,
+        children: "Submit"
+      }, "submit"), /*#__PURE__*/_jsx(Button, {
+        href: "https://google.com",
+        type: "primary",
+        loading: loading,
+        onClick: handleOk,
+        children: "Search on Google"
+      }, "link")],
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: '100%',
+          height: 340,
+          /* 主题色/color-primary-bg */
+          background: token.token.colorPrimaryBg,
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center'
+        },
+        children: "Content here"
+      })
+    })]
+  });
+};
+export default App;

package/dist/components/commonComponents/Modal/demo/demo3.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,57 @@
+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 { Button, Modal } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { theme } from 'antd';
+import { useState } from 'react';
+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 token = theme.useToken();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModalOpen = _useState2[0],
+    setIsModalOpen = _useState2[1];
+  var showModal = function showModal() {
+    setIsModalOpen(true);
+  };
+  var handleOk = function handleOk() {
+    setIsModalOpen(false);
+  };
+  var handleCancel = function handleCancel() {
+    setIsModalOpen(false);
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u5E26info",
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: showModal,
+        children: "Open Modal"
+      }), /*#__PURE__*/_jsx(Modal, {
+        title: "Basic Modal",
+        open: isModalOpen,
+        onOk: handleOk,
+        onCancel: handleCancel,
+        info: "info here",
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            width: '100%',
+            height: 340,
+            /* 主题色/color-primary-bg */
+            background: token.token.colorPrimaryBg,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          children: "Content here"
+        })
+      })]
+    })
+  });
+});

package/dist/components/commonComponents/Modal/demo/demo4.d.ts

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

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

@@ -0,0 +1,65 @@
+import { Modal } from "../../../..";
+import { Button, Space } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var info = function info() {
+  Modal.info({
+    title: 'This is a notification message',
+    content: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("p", {
+        children: "some messages...some messages..."
+      }), /*#__PURE__*/_jsx("p", {
+        children: "some messages...some messages..."
+      })]
+    }),
+    onOk: function onOk() {}
+  });
+};
+var success = function success() {
+  Modal.success({
+    content: 'some messages...some messages...'
+  });
+};
+var error = function error() {
+  Modal.error({
+    title: 'This is an error message',
+    content: 'some messages...some messages...'
+  });
+};
+var warning = function warning() {
+  Modal.warning({
+    title: 'This is a warning message',
+    content: 'some messages...some messages...'
+  });
+};
+var confirm = function confirm() {
+  Modal.confirm({
+    title: 'Do you want to delete these items?',
+    content: 'some messages...some messages...',
+    onOk: function onOk() {},
+    onCancel: function onCancel() {}
+  });
+};
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Space, {
+    wrap: true,
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: info,
+      children: "Info"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: success,
+      children: "Success"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: error,
+      children: "Error"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: warning,
+      children: "Warning"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: confirm,
+      children: "confirm"
+    })]
+  });
+};
+export default App;

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

@@ -0,0 +1 @@
+/*# sourceMappingURL=./index.css.map */

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

@@ -0,0 +1,15 @@
+import { ModalProps } from 'antd';
+export interface SparkModalProps extends ModalProps {
+    info?: string;
+    showDivider?: boolean;
+}
+declare const SparkModal: {
+    (props: SparkModalProps): import("react/jsx-runtime").JSX.Element;
+    useModal: typeof import("antd/es/modal/useModal").default;
+    success: import("antd/es/modal/confirm").ModalFunc;
+    error: import("antd/es/modal/confirm").ModalFunc;
+    warning: import("antd/es/modal/confirm").ModalFunc;
+    info: import("antd/es/modal/confirm").ModalFunc;
+    confirm: import("antd/es/modal/confirm").ModalFunc;
+};
+export default SparkModal;

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

@@ -0,0 +1,46 @@
+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 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); }
+import { getCommonConfig } from "../../../config";
+import { Modal } from 'antd';
+import classNames from 'classnames';
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SparkModal = function SparkModal(props) {
+  useIndexStyle();
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix,
+    variables = _getCommonConfig.variables;
+  var _props$showDivider = props.showDivider,
+    showDivider = _props$showDivider === void 0 ? true : _props$showDivider;
+  var renderFooter = function renderFooter(originNode) {
+    return props.info ? /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-modal-footer-wrapper"),
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "".concat(sparkPrefix, "-modal-footer-info"),
+        children: props.info
+      }), /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-modal-footer-origin-node"),
+        children: originNode
+      })]
+    }) : originNode;
+  };
+  var mergedFooter = props.footer === undefined ? renderFooter : props.footer;
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
+    wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
+    wrapStyle: _objectSpread(_objectSpread({}, variables), props.wrapStyle),
+    footer: mergedFooter,
+    transitionName: ""
+  }));
+};
+SparkModal.useModal = Modal.useModal;
+SparkModal.success = Modal.success;
+SparkModal.error = Modal.error;
+SparkModal.warning = Modal.warning;
+SparkModal.info = Modal.info;
+SparkModal.confirm = Modal.confirm;
+export default SparkModal;

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

@@ -0,0 +1,80 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        [x: string]: {
+            minHeight: string;
+            padding?: undefined;
+            border?: undefined;
+        } | {
+            [x: string]: string | number | {
+                [x: string]: string | number | {
+                    lineHeight: string;
+                };
+                padding: string;
+                marginBottom: number;
+                color?: undefined;
+                marginTop?: undefined;
+                top?: undefined;
+                right?: undefined;
+                '&:hover'?: undefined;
+            } | {
+                padding: string;
+                color: string;
+                marginBottom?: undefined;
+                marginTop?: undefined;
+                top?: undefined;
+                right?: undefined;
+                '&:hover'?: undefined;
+            } | {
+                [x: string]: string | number | {
+                    [x: string]: string | {
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        color: string;
+                        display?: undefined;
+                        gap?: undefined;
+                    } | {
+                        display: string;
+                        gap: string;
+                        fontSize?: undefined;
+                        fontWeight?: undefined;
+                        lineHeight?: undefined;
+                        color?: undefined;
+                    };
+                    display: string;
+                    justifyContent: string;
+                    alignItems: string;
+                };
+                padding: string;
+                marginTop: number;
+                marginBottom?: undefined;
+                color?: undefined;
+                top?: undefined;
+                right?: undefined;
+                '&:hover'?: undefined;
+            } | {
+                top: number;
+                right: number;
+                "&:hover": {
+                    background: string;
+                };
+                padding?: undefined;
+                marginBottom?: undefined;
+                color?: undefined;
+                marginTop?: undefined;
+            };
+            padding: number;
+            border: string;
+            minHeight?: undefined;
+        };
+    } | {
+        [x: string]: {
+            [x: string]: {
+                borderTop: string;
+                borderBottom: string;
+            };
+        };
+    };
+};
+declare const useIndexStyle: () => void;
+export default useIndexStyle;

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

@@ -0,0 +1,58 @@
+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"), {
+    lineHeight: '28px'
+  })), ".".concat(antPrefix, "-modal-body"), {
+    padding: '16px 20px',
+    color: "var(--".concat(antPrefix, "-color-text-secondary)")
+  }), ".".concat(antPrefix, "-modal-footer"), _defineProperty({
+    padding: '16px 24px',
+    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({
+    top: 20,
+    right: 24
+  }, "&:hover", {
+    background: 'none'
+  })))), ".".concat(sparkPrefix, "-show-divider"), _defineProperty({}, ".".concat(antPrefix, "-modal-content"), _defineProperty({}, ".".concat(antPrefix, "-modal-body"), {
+    borderTop: "1px solid var(--".concat(antPrefix, "-color-border-secondary)"),
+    borderBottom: "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;

package/dist/components/commonComponents/Notification/demo/demo1.d.ts

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