@agentscope-ai/design 1.0.8 → 1.0.9

package/lib/antd/styles/tooltip.style.js

@@ -1,11 +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); }
-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 getTooltipStyleData(params) {
-  var antPrefix = params.antPrefix;
-  return _defineProperty({}, ".".concat(antPrefix, "-tooltip"), _defineProperty({}, ".".concat(antPrefix, "-tooltip-inner"), {
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)"),
-    boxShadow: "var(--".concat(antPrefix, "-box-shadow)")
-  }));
-}
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import createGlobalStyle from "../../libs/newCreateStyle";
+export var useTooltipStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-tooltip {\n  .", "-tooltip-inner {\n    border: 1px solid var(--", "-color-border-secondary);\n    box-shadow: var(--", "-box-shadow);\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});
+export default useTooltipStyle;

package/lib/antd/themes/bailianTheme.json

@@ -58,7 +58,7 @@
   "colorErrorBgHover": "#FFF1F0",
   "colorErrorBorder": "#FFCCC7",
   "colorErrorBorderHover": "#FFA39E",
-  "colorLink": "#615CED",
+  "colorLink": "#9189FA",
   "boxShadow": "0px 4px 6px 0px rgba(0, 0, 0, 0.08)",
   "boxShadowSecondary": "0px 12px 24px -16px rgba(0, 0, 0, 0.06),0px 8px 40px 0px rgba(0, 0, 0, 0.12),0px 0px 1px 0px rgba(0, 0, 0, 0.04)",
   "colorTextWhite": "#fff",

package/lib/antd/themes/generateThemeByToken.js

@@ -73,7 +73,7 @@ token, darkMode) {
           borderRadiusLG: 0,
           // Alert 不要圆角
           defaultPadding: '8px 20px',
-          fontSize: 15,
+          fontSize: 12,
           // @ts-ignore
           lineHeight: '20px'
         },

package/lib/components/commonComponents/AlertDialog/demo/demo1.js

@@ -1,86 +1,20 @@
-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, Select, Switch } from "../../../..";
-import { Flex, Space } from 'antd';
-import React, { useState } from 'react';
+import { Button } from "../../../..";
+import React from 'react';
 import AlertDialog from '..';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var App = function App() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = useState('success'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    type = _useState4[0],
-    setType = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    danger = _useState6[0],
-    setDanger = _useState6[1];
-  var showModal = function showModal() {
-    setOpen(true);
-  };
-  var handleOk = function handleOk() {
-    setOpen(false);
-  };
-  var handleCancel = function handleCancel() {
-    setOpen(false);
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(Flex, {
-      vertical: true,
-      gap: 10,
-      children: [/*#__PURE__*/_jsxs(Space, {
-        children: [/*#__PURE__*/_jsx(Select, {
-          style: {
-            width: 200
-          },
-          value: type,
-          options: [{
-            label: 'success',
-            value: 'success'
-          }, {
-            label: 'error',
-            value: 'error'
-          }, {
-            label: 'warning',
-            value: 'warning'
-          }, {
-            label: 'info',
-            value: 'info'
-          }],
-          onSelect: function onSelect(value) {
-            return setType(value);
-          }
-        }), /*#__PURE__*/_jsx(Switch, {
-          value: danger,
-          onChange: setDanger,
-          label: "danger"
-        })]
-      }), /*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        onClick: showModal,
-        style: {
-          width: 100
-        },
-        children: "Open Modal"
-      })]
-    }), /*#__PURE__*/_jsx(AlertDialog, {
-      type: type,
-      title: "Basic Modal",
-      open: open,
-      onOk: handleOk,
-      onCancel: handleCancel,
-      danger: danger,
-      children: "I am a description of a component, I am a description of a component."
-    })]
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return AlertDialog.info({
+          title: 'Title here',
+          children: 'This information content passed into this AlertDialog.',
+          centered: true
+        });
+      },
+      children: "Open AlertDialog(Info)"
+    })
   });
 };
 export default App;

package/lib/components/commonComponents/AlertDialog/demo/demo2.js

@@ -1,70 +1,50 @@
-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 { AlertDialog, Button, Select, Switch } from "../../../..";
-import { Flex, Space } from 'antd';
-import React, { useState } from 'react';
+import { Button } from "../../../..";
+import { Flex } from 'antd';
+import React from 'react';
+import AlertDialog from '..';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var App = function App() {
-  var _useState = useState('success'),
-    _useState2 = _slicedToArray(_useState, 2),
-    type = _useState2[0],
-    setType = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    danger = _useState4[0],
-    setDanger = _useState4[1];
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(Flex, {
-      vertical: true,
-      gap: 10,
-      children: [/*#__PURE__*/_jsxs(Space, {
-        children: [/*#__PURE__*/_jsx(Select, {
-          style: {
-            width: 200
-          },
-          value: type,
-          options: [{
-            label: 'success',
-            value: 'success'
-          }, {
-            label: 'error',
-            value: 'error'
-          }, {
-            label: 'warning',
-            value: 'warning'
-          }, {
-            label: 'info',
-            value: 'info'
-          }],
-          onSelect: function onSelect(value) {
-            return setType(value);
-          }
-        }), /*#__PURE__*/_jsx(Switch, {
-          value: danger,
-          onChange: setDanger,
-          label: "danger"
-        })]
-      }), /*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        onClick: function onClick() {
-          AlertDialog[type]({
-            title: 'Basic Modal',
-            danger: danger,
-            children: 'I am a description of a component, I am a description of a component.'
-          });
-        },
-        style: {
-          width: 100
-        },
-        children: "Open Modal"
-      })]
-    })
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: 24,
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return AlertDialog.success({
+          title: 'Title here',
+          children: 'This information content passed into this AlertDialog.',
+          centered: true
+        });
+      },
+      children: "Success"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return AlertDialog.warning({
+          title: 'Title here',
+          children: 'This information content passed into this AlertDialog.',
+          centered: true
+        });
+      },
+      children: "Warning"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return AlertDialog.error({
+          title: 'Title here',
+          children: 'This information content passed into this AlertDialog.',
+          centered: true
+        });
+      },
+      children: "Error"
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: function onClick() {
+        return AlertDialog.confirm({
+          title: 'Title here',
+          children: 'This information content passed into this AlertDialog.',
+          centered: true
+        });
+      },
+      children: "Confirm"
+    })]
   });
 };
 export default App;

package/lib/components/commonComponents/AlertDialog/index.d.ts

@@ -3,15 +3,27 @@ import { SyntheticEvent } from 'react';
 export interface AlertDialogProps extends ModalProps {
     /**
      * @description 类型
+     * @descriptionEn type
      * @default info
      */
-    type?: 'success' | 'info' | 'warning' | 'error';
+    type?: 'success' | 'info' | 'warning' | 'error' | 'confirm';
     /**
      * @description 确认按钮是否带有danger属性
+     * @descriptionEn whether the confirm button has a danger property
      * @default false
      */
     danger?: boolean;
+    /**
+     * @description 内容
+     * @descriptionEn content
+     * @default -
+     */
     content?: React.ReactNode;
+    /**
+     * @description 关闭时触发的回调函数
+     * @descriptionEn callback function triggered when closed
+     * @default -
+     */
     onClose?: (e: SyntheticEvent<Element, Event>) => any;
 }
 type AlertDialogStaticProps = Omit<AlertDialogProps, 'type' | 'open'>;
@@ -21,5 +33,6 @@ declare const _default: {
     info: (props?: AlertDialogStaticProps) => void;
     warning: (props?: AlertDialogStaticProps) => void;
     error: (props?: AlertDialogStaticProps) => void;
+    confirm: (props?: AlertDialogStaticProps) => void;
 };
 export default _default;

package/lib/components/commonComponents/AlertDialog/index.js

@@ -12,9 +12,10 @@ import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, In
 import { Flex, Modal } from 'antd';
 import classNames from 'classnames';
 import { getCommonConfig } from "../../../config";
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var getCommonProps = function getCommonProps(props) {
   var renderTitle = function renderTitle(_ref) {
     var type = _ref.type,
@@ -36,6 +37,7 @@ var getCommonProps = function getCommonProps(props) {
           }), title]
         });
       case 'warning':
+      case 'confirm':
         return /*#__PURE__*/_jsxs(Flex, {
           align: "center",
           gap: 8,
@@ -102,7 +104,7 @@ var getCommonProps = function getCommonProps(props) {
       title: title
     }),
     okButtonProps: {
-      danger: type === 'error' || danger
+      danger: type === 'error' || type === 'warning' || danger
     },
     destroyOnClose: true,
     className: classNames(className, 'animate-in', "".concat(getCommonConfig().sparkPrefix, "-alert-dialog")),
@@ -112,28 +114,34 @@ var getCommonProps = function getCommonProps(props) {
 };
 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 Style = useStyle();
+  // useIndexStyle();
+
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__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 staticFns = ['success', 'info', 'warning', 'error', 'confirm'];
 staticFns.forEach(function (type) {
   AlertDialog[type] = function (props) {
     var commonProps = getCommonProps(_objectSpread(_objectSpread({}, props), {}, {
       type: type
     }));
     function Content() {
-      useIndexStyle();
-      return commonProps.content;
+      var Style = useStyle();
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Style, {}), commonProps.content]
+      });
     }
 
     // @ts-ignore

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

@@ -1,17 +1 @@
-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;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,16 @@
-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;
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import createGlobalStyle from "../../../libs/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-alert-dialog {\n  .", "-modal-body {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-content {\n    padding: 0 0 12px 32px;\n    font-size: 14px;\n    color: var(--", "-color-text-secondary);\n  }\n\n  .", "-modal-confirm-paragraph {\n    max-width: 100%;\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

package/lib/components/commonComponents/Anchor/demo/demo1.d.ts

@@ -1,7 +1,3 @@
 import React from 'react';
-/**
- * Anchor 锚点组件演示
- * 根据 masterGo DSL 实现的垂直方向锚点导航
- */
 declare const Demo1: React.FC;
 export default Demo1;

package/lib/components/commonComponents/Anchor/demo/demo1.js

@@ -1,10 +1,6 @@
 import React from 'react';
 import { Anchor } from "../../../..";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Anchor 锚点组件演示
- * 根据 masterGo DSL 实现的垂直方向锚点导航
- */
 var Demo1 = function Demo1() {
   var items = [{
     key: 'anchor-item-1',
@@ -20,6 +16,9 @@ var Demo1 = function Demo1() {
     title: 'Anchor item'
   }];
   return /*#__PURE__*/_jsx(Anchor, {
+    onClick: function onClick(e) {
+      return e.preventDefault();
+    },
     direction: "vertical",
     items: items
   });

package/lib/components/commonComponents/Anchor/demo/demo2.d.ts

@@ -1,7 +1,3 @@
 import React from 'react';
-/**
- * Anchor 锚点组件演示
- * 根据 masterGo DSL 实现的垂直方向锚点导航
- */
 declare const Demo1: React.FC;
 export default Demo1;

package/lib/components/commonComponents/Anchor/demo/demo2.js

@@ -1,10 +1,5 @@
 import React from 'react';
 import { Anchor } from "../../../..";
-
-/**
- * Anchor 锚点组件演示
- * 根据 masterGo DSL 实现的垂直方向锚点导航
- */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var Demo1 = function Demo1() {
@@ -23,6 +18,9 @@ var Demo1 = function Demo1() {
   }];
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(Anchor, {
+      onClick: function onClick(e) {
+        return e.preventDefault();
+      },
       direction: "horizontal",
       items: items
     })

package/lib/components/commonComponents/Anchor/index.js

@@ -6,10 +6,14 @@ 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); }
 import { Anchor } from 'antd';
 import { forwardRef } from 'react';
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SparkAnchor = /*#__PURE__*/forwardRef(function (props, ref) {
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(Anchor, _objectSpread({}, props));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Anchor, _objectSpread({}, props))]
+  });
 });
 export default SparkAnchor;

package/lib/components/commonComponents/Anchor/index.style.d.ts

@@ -1,14 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        color: string;
-        lineHeight: string;
-        padding: string;
-    } | {
-        [x: string]: number;
-        color?: undefined;
-        lineHeight?: undefined;
-        padding?: undefined;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

package/lib/components/commonComponents/Anchor/index.style.js

@@ -1,23 +1,18 @@
-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;
-  return _defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-anchor-link-title-active"), {}), ".".concat(antPrefix, "-anchor-wrapper .").concat(antPrefix, "-anchor .").concat(antPrefix, "-anchor-link-title"), {
-    color: "var(--".concat(antPrefix, "-color-text-secondary)"),
-    lineHeight: '32px',
-    padding: '0 16px'
-  }), ".".concat(antPrefix, "-anchor-link"), _defineProperty(_defineProperty({}, "--".concat(antPrefix, "-anchor-link-padding-block"), 0), "--".concat(antPrefix, "-anchor-link-padding-inline-start"), 0));
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import createGlobalStyle from "../../../libs/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n.", "-anchor-wrapper .", "-anchor .", "-anchor-link-title {\n  color: var(--", "-color-text-secondary);\n  line-height: 32px;\n  padding: 0 16px;\n}\n\n.", "-anchor-link {\n  --", "-anchor-link-padding-block: 0;\n  --", "-anchor-link-padding-inline-start: 0;\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

package/lib/components/commonComponents/Avatar/index.js

@@ -15,10 +15,12 @@ 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 { Avatar } from 'antd';
 import { forwardRef, useEffect, useState } from 'react';
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SparkAvatar = /*#__PURE__*/forwardRef(function (props, ref) {
-  useIndexStyle();
+  var Style = useStyle();
   var children = props.children,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(props.children),
@@ -32,10 +34,12 @@ var SparkAvatar = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     setModifiedChildren(children);
   }, [children]);
-  return /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({
-    ref: ref
-  }, restProps), {}, {
-    children: modifiedChildren
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({
+      ref: ref
+    }, restProps), {}, {
+      children: modifiedChildren
+    }))]
+  });
 });
 export default SparkAvatar;