@agentscope-ai/design 1.0.4 → 1.0.5

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

@@ -130,9 +130,13 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
     },
     "extraCssVariables": {
+      "border-radius-full": 999,
       "color-text-white": "#fff",
       "color-fill-disable": "#8D8C98",
       "color-purple": "#5551CC",
@@ -157,7 +161,8 @@
       "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);"
+      "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);",
+      "box-shadow-input": "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)"
     }
   },
   "checkbox": {

package/dist/antd/themes/bailianTheme.json

@@ -127,9 +127,13 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
     },
     "extraCssVariables": {
+      "border-radius-full": 999,
       "color-text-white": "#fff",
       "color-fill-disable": "#DBDAE7",
       "color-purple": "#615CED",
@@ -154,7 +158,8 @@
       "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)"
+      "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)",
+      "box-shadow-input": "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)"
     }
   },
   "checkbox": {

package/dist/antd/themes/carbonDarkTheme.json

@@ -129,9 +129,13 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
     },
     "extraCssVariables": {
+      "border-radius-full": 999,
       "color-text-white": "#fff",
       "color-fill-disable": "rgba(137, 137, 137, 1)",
       "color-purple": "#5551CC",
@@ -156,7 +160,8 @@
       "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)"
+      "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)",
+      "box-shadow-input": "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)"
     }
   },
   "checkbox": {

package/dist/antd/themes/carbonTheme.json

@@ -127,9 +127,13 @@
       },
       "Table": {
         "cellPaddingInline": 20
+      },
+      "Form": {
+        "itemMarginBottom": 16
       }
     },
     "extraCssVariables": {
+      "border-radius-full": 999,
       "color-text-white": "#fff",
       "color-fill-disable": "#E8E8EB",
       "color-purple": "#615CED",
@@ -154,7 +158,8 @@
       "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)"
+      "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)",
+      "box-shadow-input": "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)"
     }
   },
   "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;

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

@@ -0,0 +1,30 @@
+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, "-alert-dialog"), _defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-modal-body"), {
+    padding: '0 0 12px 32px',
+    fontSize: '14px',
+    color: "var(--".concat(antPrefix, "-color-text-secondary)")
+  }), ".".concat(antPrefix, "-modal-confirm-content"), {
+    padding: '0 0 12px 32px',
+    fontSize: '14px',
+    color: "var(--".concat(antPrefix, "-color-text-secondary)")
+  }), ".".concat(antPrefix, "-modal-confirm-paragraph"), {
+    maxWidth: '100%'
+  }));
+}
+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/Breadcrumb/demo/demo1.d.ts

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

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

@@ -0,0 +1,23 @@
+import { Breadcrumb } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(Breadcrumb, {
+    items: [{
+      title: 'Home'
+    }, {
+      title: /*#__PURE__*/_jsx("a", {
+        href: "",
+        children: "Application Center"
+      })
+    }, {
+      title: /*#__PURE__*/_jsx("a", {
+        href: "",
+        children: "Application List"
+      })
+    }, {
+      title: 'An Application'
+    }]
+  });
+};
+export default App;

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

@@ -1,5 +1,6 @@
 import { ButtonProps } from 'antd';
 import React, { ReactNode } from 'react';
+import { SparkIconFontProps } from '../IconFont';
 export interface SparkButtonProps extends ButtonProps {
     /** 尺寸
      * @default
@@ -13,6 +14,8 @@ export interface SparkButtonProps extends ButtonProps {
     tooltipContent?: string | ReactNode;
     /** 百炼图标iconfont的key，依赖百炼的iconFont，例如bl-icon-add */
     iconType?: string;
+    /** 图标大小 */
+    iconSize?: SparkIconFontProps['size'];
 }
 declare const Button: React.ForwardRefExoticComponent<SparkButtonProps & React.RefAttributes<any>>;
 export default Button;

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

@@ -1,10 +1,13 @@
-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 = ["iconSize"];
 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 { Button as AntdButton, ConfigProvider } from 'antd';
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Button as AntdButton, ConfigProvider, theme } from 'antd';
 import React, { forwardRef } from 'react';
 import IconFont from "../IconFont";
 import Popover from "../Popover";
@@ -12,65 +15,75 @@ import Popover from "../Popover";
 // @ts-ignore
 import { jsx as _jsx } from "react/jsx-runtime";
 var Button = /*#__PURE__*/forwardRef(function (props, ref) {
+  var token = theme.useToken();
+  var iconSize = props.iconSize,
+    restProps = _objectWithoutProperties(props, _excluded);
   var buttonType = React.useMemo(function () {
     // @ts-ignore
-    if (props.type === 'primaryLess') return 'primary';
+    if (restProps.type === 'primaryLess') return 'primary';
     // @ts-ignore
-    if (props.type === 'textCompact') return 'link';
-    return props.type;
-  }, [props.type]);
+    if (restProps.type === 'textCompact') return 'link';
+    return restProps.type;
+  }, [restProps.type]);
   var icon = React.useMemo(function () {
-    if (props.iconType) return /*#__PURE__*/_jsx(IconFont, {
-      type: props.iconType,
-      size: props.size
+    if (restProps.loading && _typeof(restProps.loading) === 'object' && restProps.loading.icon) {
+      var _restProps$loading;
+      return (_restProps$loading = restProps.loading) === null || _restProps$loading === void 0 ? void 0 : _restProps$loading.icon;
+    }
+    if (restProps.iconType) return /*#__PURE__*/_jsx(IconFont, {
+      type: restProps.iconType,
+      size: iconSize !== null && iconSize !== void 0 ? iconSize : restProps.size
     }); // 注意 size 也需要传入下去
-    if (props.icon) return /*#__PURE__*/React.cloneElement(props.icon, {
-      size: props.size // 注意 size 也需要传入下去
+    if (restProps.icon) return /*#__PURE__*/React.cloneElement(restProps.icon, {
+      size: iconSize !== null && iconSize !== void 0 ? iconSize : restProps.size // 注意 size 也需要传入下去
     });
     return null;
-  }, [props.iconType, props.icon]);
-  var button = /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, props), {}, {
+  }, [restProps.iconType, restProps.icon]);
+  var button = /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
     ref: ref,
     type: buttonType,
     icon: icon,
     style: _objectSpread({
+      fontWeight: 500,
       lineHeight: 1
-    }, props.style)
+    }, restProps.style)
   }));
 
   // @ts-ignore
-  if (props.type === 'primaryLess') {
+  if (restProps.type === 'primaryLess') {
     return /*#__PURE__*/_jsx(ConfigProvider, {
       theme: {
         token: {
-          colorPrimary: 'rgba(38, 36, 76, 0.88)',
-          colorPrimaryHover: 'rgba(38, 36, 76, 0.65)'
+          colorPrimary: token.token.colorText,
+          colorPrimaryHover: token.token.colorTextSecondary,
+          colorPrimaryActive: token.token.colorTextBase
         }
       },
       children: /*#__PURE__*/_jsx(Popover, {
-        content: props.tooltipContent,
+        content: restProps.tooltipContent,
         children: button
       })
     });
     // @ts-ignore
-  } else if (props.type === 'textCompact') {
+  } else if (restProps.type === 'textCompact') {
     return /*#__PURE__*/_jsx(Popover, {
-      content: props.tooltipContent,
-      children: /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, props), {}, {
+      content: restProps.tooltipContent,
+      children: /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
         ref: ref,
         icon: icon,
         color: "default",
         variant: "link",
         style: _objectSpread({
+          fontWeight: 500,
           paddingLeft: 0,
           paddingRight: 0,
           lineHeight: 1
-        }, props.style)
+        }, restProps.style)
       }))
     });
   } else {
     return /*#__PURE__*/_jsx(Popover, {
-      content: props.tooltipContent,
+      content: restProps.tooltipContent,
       children: button
     });
   }

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

@@ -8,6 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { getCommonConfig } from "../../../config";
+import { IconFont } from "../../..";
 import { Drawer } from 'antd';
 import classNames from 'classnames';
 import useIndexStyle from "./index.style";
@@ -22,6 +23,12 @@ export default (function (props) {
   var sparkPrefix = commonConfig.sparkPrefix;
   var variables = commonConfig.variables;
   return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
+    closeIcon: /*#__PURE__*/_jsx(IconFont, {
+      type: "spark-false-line",
+      style: {
+        fontSize: 24
+      }
+    }),
     className: classNames("".concat(sparkPrefix, "-drawer"), className),
     style: _objectSpread(_objectSpread({}, style), variables)
   }, restProps), {}, {

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

@@ -7,6 +7,15 @@ export declare function getIndexStyleData(params: any): {
                     fontWeight: string;
                     lineHeight: string;
                     color: string;
+                    width?: undefined;
+                    height?: undefined;
+                } | {
+                    width: number;
+                    height: number;
+                    fontSize?: undefined;
+                    fontWeight?: undefined;
+                    lineHeight?: undefined;
+                    color?: undefined;
                 };
                 display: string;
                 flexDirection: string;