@agentscope-ai/design 1.0.4 → 1.0.5

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

@@ -12,7 +12,7 @@ export function getIndexStyleData(params) {
   return _defineProperty({}, ".".concat(sparkPrefix, "-drawer"), _defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-drawer-header"), _defineProperty({
     padding: '18px 20px',
     borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  }, ".".concat(antPrefix, "-drawer-header-title"), _defineProperty({
+  }, ".".concat(antPrefix, "-drawer-header-title"), _defineProperty(_defineProperty({
     display: 'flex',
     flexDirection: 'row-reverse'
   }, ".".concat(antPrefix, "-drawer-title"), {
@@ -20,10 +20,12 @@ export function getIndexStyleData(params) {
     fontWeight: '500',
     lineHeight: '28px',
     color: "var(--".concat(antPrefix, "-color-text)")
+  }), ".".concat(antPrefix, "-drawer-close"), {
+    width: 32,
+    height: 32
   }))), ".".concat(antPrefix, "-drawer-footer"), {
     padding: '16px 20px',
     borderColor: "var(--".concat(antPrefix, "-color-border-secondary)"),
-    // height: '72px',
     display: 'flex',
     alignItems: 'center'
   }), ".".concat(antPrefix, "-drawer-close"), {

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

@@ -5,9 +5,9 @@ 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 { getCommonConfig } from "../../../config";
-import { Space } from 'antd';
-import useIndexStyle from "./index.style";
+import { Flex } from 'antd';
 import Button from "../Button";
+import useIndexStyle from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var EMPTY_TYPE_IMAGE_MAP = {
@@ -64,6 +64,7 @@ var Empty = function Empty(props) {
     isDarkMode = commonConfig.isDarkMode;
   var image = props.image || (isDarkMode ? EMPTY_TYPE_IMAGE_MAP_DARK : EMPTY_TYPE_IMAGE_MAP)[type];
   useIndexStyle();
+  var parsedSize = typeof size === 'string' ? parseFloat(size.replace(/px/i, '')) : size !== null && size !== void 0 ? size : 0;
   return /*#__PURE__*/_jsxs("div", {
     className: "".concat(sparkPrefix, "-empty ").concat(props.className || ''),
     style: _objectSpread(_objectSpread({}, imageStyle), {}, {
@@ -85,20 +86,25 @@ var Empty = function Empty(props) {
         width: size,
         height: size
       }
-    }), /*#__PURE__*/_jsxs(Space, {
-      direction: "vertical",
+    }), /*#__PURE__*/_jsxs(Flex, {
+      vertical: true,
       align: "center",
       style: {
-        marginTop: '56.25%'
+        marginTop: '52.5%'
       },
       children: [title && /*#__PURE__*/_jsx("div", {
         className: "".concat(sparkPrefix, "-empty-title"),
+        style: {
+          marginBottom: description ? 0.025 * parsedSize : 0
+        },
         children: title
       }), description && /*#__PURE__*/_jsx("div", {
         className: "".concat(sparkPrefix, "-empty-description"),
         children: description
       }), !!okText && /*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-empty-buttons"),
+        style: {
+          marginTop: 0.05 * parsedSize
+        },
         children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
           type: okType || 'primary',
           onClick: onOk

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

@@ -7,17 +7,18 @@ export declare function getIndexStyleData(params: any): {
         position: string;
         top?: undefined;
         left?: undefined;
+        pointerEvents?: undefined;
         fontSize?: undefined;
         fontWeight?: undefined;
         lineHeight?: undefined;
         color?: undefined;
         textAlign?: undefined;
         width?: undefined;
-        marginTop?: undefined;
     } | {
         position: string;
         top: number;
         left: number;
+        pointerEvents: string;
         display?: undefined;
         flexDirection?: undefined;
         alignItems?: undefined;
@@ -28,7 +29,6 @@ export declare function getIndexStyleData(params: any): {
         color?: undefined;
         textAlign?: undefined;
         width?: undefined;
-        marginTop?: undefined;
     } | {
         fontSize: string;
         fontWeight: number;
@@ -41,9 +41,9 @@ export declare function getIndexStyleData(params: any): {
         position?: undefined;
         top?: undefined;
         left?: undefined;
+        pointerEvents?: undefined;
         textAlign?: undefined;
         width?: undefined;
-        marginTop?: undefined;
     } | {
         fontSize: string;
         lineHeight: string;
@@ -57,23 +57,8 @@ export declare function getIndexStyleData(params: any): {
         position?: undefined;
         top?: undefined;
         left?: undefined;
+        pointerEvents?: undefined;
         fontWeight?: undefined;
-        marginTop?: undefined;
-    } | {
-        marginTop: string;
-        display?: undefined;
-        flexDirection?: undefined;
-        alignItems?: undefined;
-        overflow?: undefined;
-        position?: undefined;
-        top?: undefined;
-        left?: undefined;
-        fontSize?: undefined;
-        fontWeight?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        textAlign?: undefined;
-        width?: undefined;
     };
 };
 declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;

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

@@ -9,7 +9,7 @@ import createStyle from "../../../libs/createStyle";
 export function getIndexStyleData(params) {
   var sparkPrefix = params.sparkPrefix,
     antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-empty"), {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-empty"), {
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
@@ -18,7 +18,8 @@ export function getIndexStyleData(params) {
   }), ".".concat(sparkPrefix, "-empty-image"), {
     position: 'absolute',
     top: 0,
-    left: 0
+    left: 0,
+    pointerEvents: 'none'
   }), ".".concat(sparkPrefix, "-empty-title"), {
     fontSize: '16px',
     fontWeight: 500,
@@ -30,8 +31,6 @@ export function getIndexStyleData(params) {
     color: "var(--".concat(antPrefix, "-color-text-secondary)"),
     textAlign: 'center',
     width: '100%'
-  }), ".".concat(sparkPrefix, "-empty-buttons"), {
-    marginTop: '16px'
   });
 }
 var useIndexStyle = createStyle(function (_ref2) {

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

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

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

@@ -0,0 +1,11 @@
+import { FloatButton } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(FloatButton, {
+    onClick: function onClick() {
+      return console.log('onClick');
+    }
+  });
+};
+export default App;

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

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

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

@@ -0,0 +1,11 @@
+import { FloatButton } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(FloatButton, {
+    onClick: function onClick() {
+      return console.log('onClick');
+    }
+  });
+};
+export default App;

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

@@ -8,7 +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 { getCommonConfig } from "../../../config";
-import { QuestionCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
 import { Form } from 'antd';
 import FormItem from 'antd/es/form/FormItem';
 import classnames from 'classnames';
@@ -47,7 +47,7 @@ var InternalForm = /*#__PURE__*/forwardRef(function (props, ref) {
 var InternalFormItem = function InternalFormItem(props) {
   var tooltip = props.tooltip,
     restProps = _objectWithoutProperties(props, _excluded);
-  var defaultTooltipIcon = /*#__PURE__*/_jsx(QuestionCircleOutlined, {});
+  var defaultTooltipIcon = /*#__PURE__*/_jsx(InfoCircleOutlined, {});
   function getTooltip() {
     if (!tooltip) {
       return undefined;

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

@@ -2,14 +2,12 @@ export declare function getIndexStyleData(params: any): {
     [x: string]: {
         [x: string]: {
             color: string;
-            marginLeft: string;
             lineHeight: number;
             marginTop: string;
             textAlign?: undefined;
         } | {
             textAlign: string;
             color?: undefined;
-            marginLeft?: undefined;
             lineHeight?: undefined;
             marginTop?: undefined;
         };
@@ -18,6 +16,7 @@ export declare function getIndexStyleData(params: any): {
         fontSize?: undefined;
         lineHeight?: undefined;
         color?: undefined;
+        gap?: undefined;
         minHeight?: undefined;
     } | {
         fontWeight: number;
@@ -25,6 +24,7 @@ export declare function getIndexStyleData(params: any): {
         fontSize: string;
         lineHeight: string;
         color: string;
+        gap: string;
         minHeight?: undefined;
     } | {
         [x: string]: {
@@ -35,6 +35,7 @@ export declare function getIndexStyleData(params: any): {
         fontSize?: undefined;
         lineHeight?: undefined;
         color?: undefined;
+        gap?: undefined;
         minHeight?: undefined;
     } | {
         minHeight: string;
@@ -43,6 +44,7 @@ export declare function getIndexStyleData(params: any): {
         fontSize?: undefined;
         lineHeight?: undefined;
         color?: undefined;
+        gap?: undefined;
     };
 };
 declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;

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: "".concat(antPrefix, "-text-area"),
+    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;
     };
 };