@agentscope-ai/design 1.0.8 → 1.0.9

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

@@ -1,26 +1,14 @@
-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({}, ".".concat(antPrefix, "-statistic"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-statistic-title"), {
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
-    lineHeight: '24px',
-    marginBottom: 0
-  }), ".".concat(antPrefix, "-statistic-content"), {
-    color: "var(--".concat(antPrefix, "-color-text)"),
-    lineHeight: '36px'
-  }));
-}
-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.", "-statistic {\n  .", "-statistic-title {\n    color: var(--", "-color-text-tertiary);\n    line-height: 24px;\n    margin-bottom: 0;\n  }\n  \n  .", "-statistic-content {\n    color: var(--", "-color-text);\n    line-height: 36px;\n  }\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;
+});

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

@@ -8,12 +8,14 @@ import { getCommonConfig } from "../../../config";
 import { SparkTrueLine } from '@agentscope-ai/icons';
 import { Steps } from 'antd';
 import { useMemo } 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 SparkSteps = function SparkSteps(props) {
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   var items = useMemo(function () {
     if (!props.items) return undefined;
     return props.items.map(function (item, index) {
@@ -40,9 +42,11 @@ var SparkSteps = function SparkSteps(props) {
       return item;
     });
   }, [props.items, props.current]);
-  return /*#__PURE__*/_jsx(Steps, _objectSpread(_objectSpread({}, props), {}, {
-    items: items,
-    className: "".concat(sparkPrefix, "-steps")
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Steps, _objectSpread(_objectSpread({}, props), {}, {
+      items: items,
+      className: "".concat(sparkPrefix, "-steps")
+    }))]
+  });
 };
 export default SparkSteps;

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

@@ -1,162 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            display: string;
-            flexDirection: string;
-            fontSize?: undefined;
-            fontWeight?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            backgroundColor?: undefined;
-            paddingInlineEnd?: undefined;
-            lineHeight?: undefined;
-            color?: undefined;
-            '&::after'?: undefined;
-        } | {
-            [x: string]: {
-                '&:hover': {
-                    [x: string]: {
-                        borderColor: string;
-                    };
-                };
-            };
-            display?: undefined;
-            flexDirection?: undefined;
-            fontSize?: undefined;
-            fontWeight?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            backgroundColor?: undefined;
-            paddingInlineEnd?: undefined;
-            lineHeight?: undefined;
-            color?: undefined;
-            '&::after'?: undefined;
-        } | {
-            fontSize: string;
-            fontWeight: number;
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-            backgroundColor: string;
-            flexDirection?: undefined;
-            paddingInlineEnd?: undefined;
-            lineHeight?: undefined;
-            color?: undefined;
-            '&::after'?: undefined;
-        } | {
-            [x: string]: {
-                height: string;
-                maxWidth?: undefined;
-                maxHeight?: undefined;
-                fontSize?: undefined;
-                lineHeight?: undefined;
-                top?: undefined;
-            } | {
-                [x: string]: string | {
-                    backgroundColor: string;
-                    borderRadius: string;
-                    fontSize: string;
-                    width: string;
-                    height: string;
-                    color: string;
-                };
-                maxWidth: string;
-                maxHeight: string;
-                fontSize: string;
-                lineHeight: string;
-                top: string;
-                height?: undefined;
-            };
-            display?: undefined;
-            flexDirection?: undefined;
-            fontSize?: undefined;
-            fontWeight?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            backgroundColor?: undefined;
-            paddingInlineEnd?: undefined;
-            lineHeight?: undefined;
-            color?: undefined;
-            '&::after'?: undefined;
-        } | {
-            paddingInlineEnd: string;
-            lineHeight: string;
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            '&::after': {
-                backgroundColor: string;
-                height: string;
-                background: string;
-            };
-            display?: undefined;
-            flexDirection?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            backgroundColor?: undefined;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            display?: undefined;
-            flexDirection?: undefined;
-            fontWeight?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            backgroundColor?: undefined;
-            paddingInlineEnd?: undefined;
-            '&::after'?: undefined;
-        } | {
-            [x: string]: {
-                backgroundColor: string;
-            };
-            display?: undefined;
-            flexDirection?: undefined;
-            fontSize?: undefined;
-            fontWeight?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            backgroundColor?: undefined;
-            paddingInlineEnd?: undefined;
-            lineHeight?: undefined;
-            color?: undefined;
-            '&::after'?: undefined;
-        } | {
-            [x: string]: {
-                paddingInlineStart: string;
-            };
-            display?: undefined;
-            flexDirection?: undefined;
-            fontSize?: undefined;
-            fontWeight?: undefined;
-            alignItems?: undefined;
-            justifyContent?: undefined;
-            backgroundColor?: undefined;
-            paddingInlineEnd?: undefined;
-            lineHeight?: undefined;
-            color?: undefined;
-            '&::after'?: undefined;
-        };
-        display?: undefined;
-        minHeight?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-    } | {
-        [x: string]: string | {
-            [x: string]: {
-                marginInlineEnd: string;
-            };
-            width?: undefined;
-            backgroundColor?: undefined;
-        } | {
-            width: string;
-            backgroundColor: string;
-        };
-        display: string;
-        minHeight: string;
-        alignItems: string;
-        justifyContent: string;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,78 +1,68 @@
-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(_defineProperty({}, ".".concat(sparkPrefix, "-steps"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-steps-item-container"), {
-    display: 'flex',
-    flexDirection: 'row'
-  }), ".".concat(antPrefix, "-steps-item:not(.").concat(antPrefix, "-steps-item-active):not(.").concat(antPrefix, "-steps-item-process)"), _defineProperty({}, ".".concat(antPrefix, "-steps-item-container"), {
-    '&:hover': _defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
-      borderColor: 'transparent !important'
-    })
-  })), ".".concat(antPrefix, "-steps-item-icon"), {
-    fontSize: '14px',
-    fontWeight: 600,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-steps-item-finish"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
-    height: '20px !important'
-  }), ".".concat(antPrefix, "-steps-icon"), _defineProperty({
-    maxWidth: '20px',
-    maxHeight: '20px',
-    fontSize: '16px !important',
-    lineHeight: '20px !important',
-    top: '-0.5px !important'
-  }, ".".concat(sparkPrefix, "-finish-icon"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)"),
-    borderRadius: '50%',
-    fontSize: '16px !important',
-    width: '20px',
-    height: '20px',
-    color: "var(--".concat(antPrefix, "-color-primary)")
-  }))), ".".concat(antPrefix, "-steps-item-title"), {
-    paddingInlineEnd: '8px',
-    lineHeight: '20px',
-    color: "var(--".concat(antPrefix, "-color-text) !important"),
-    fontSize: '14px',
-    fontWeight: 500,
-    '&::after': {
-      backgroundColor: "var(--".concat(antPrefix, "-color-border-secondary) !important"),
-      height: '1px',
-      background: "var(--".concat(antPrefix, "-color-border-secondary)")
-    }
-  }), ".".concat(antPrefix, "-steps-item-description"), {
-    fontSize: '12px',
-    lineHeight: '20px',
-    color: "var(--".concat(antPrefix, "-color-text-tertiary) !important")
-  }), ".".concat(antPrefix, "-steps-item-wait"), _defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)")
-  })), "&.".concat(antPrefix, "-steps-horizontal:not(.").concat(antPrefix, "-steps-label-vertical)"), _defineProperty({}, ".".concat(antPrefix, "-steps-item"), {
-    paddingInlineStart: '8px'
-  }))), ".".concat(antPrefix, "-steps-vertical"), _defineProperty(_defineProperty({
-    display: 'flex',
-    minHeight: '182px',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }, ".".concat(antPrefix, "-steps-item"), _defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
-    marginInlineEnd: '9px !important'
-  })), ".".concat(antPrefix, "-steps-item-tail::after"), {
-    width: '1px !important',
-    backgroundColor: "var(--".concat(antPrefix, "-color-border-secondary) !important")
-  }));
-}
-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.", "-steps {\n  .", "-steps-item-container {\n    display: flex;\n    flex-direction: row;\n  }\n  \n  .", "-steps-item:not(.", "-steps-item-active):not(.", "-steps-item-process) {\n    .", "-steps-item-container {\n      &:hover {\n        .", "-steps-item-icon {\n          border-color: transparent !important;\n        }\n      }\n    }\n  }\n  \n  .", "-steps-item-icon {\n    font-size: 14px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--", "-color-border-secondary);\n  }\n  \n  .", "-steps-item-finish {\n    .", "-steps-item-icon {\n      height: 20px !important;\n    }\n    \n    .", "-steps-icon {\n      max-width: 20px;\n      max-height: 20px;\n      font-size: 16px !important;\n      line-height: 20px !important;\n      top: -0.5px !important;\n      \n      .", "-finish-icon {\n        background-color: var(--", "-color-primary-bg);\n        border-radius: 50%;\n        font-size: 16px !important;\n        width: 20px;\n        height: 20px;\n        color: var(--", "-color-primary);\n      }\n    }\n  }\n  \n  .", "-steps-item-title {\n    padding-inline-end: 8px;\n    line-height: 20px;\n    color: var(--", "-color-text) !important;\n    font-size: 14px;\n    font-weight: 500;\n    \n    &::after {\n      background-color: var(--", "-color-border-secondary) !important;\n      height: 1px;\n      background: var(--", "-color-border-secondary);\n    }\n  }\n  \n  .", "-steps-item-description {\n    font-size: 12px;\n    line-height: 20px;\n    color: var(--", "-color-text-tertiary) !important;\n  }\n  \n  .", "-steps-item-wait {\n    .", "-steps-item-icon {\n      background-color: var(--", "-color-primary-bg);\n    }\n  }\n  \n  &.", "-steps-horizontal:not(.", "-steps-label-vertical) {\n    .", "-steps-item {\n      padding-inline-start: 8px;\n    }\n  }\n}\n\n.", "-steps-vertical {\n  display: flex;\n  min-height: 182px;\n  align-items: center;\n  justify-content: center;\n  \n  .", "-steps-item {\n    .", "-steps-item-icon {\n      margin-inline-end: 9px !important;\n    }\n  }\n  \n  .", "-steps-item-tail::after {\n    width: 1px !important;\n    background-color: var(--", "-color-border-secondary) !important;\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;
+}, 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.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;
+}, 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;
+}, 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/Switch/index.js

@@ -10,24 +10,27 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Flex, Switch } 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";
 export default (function (props) {
-  useIndexStyle();
+  var Style = useStyle();
   var label = props.label,
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  return /*#__PURE__*/_jsxs(Flex, {
-    align: "center",
-    gap: 8,
-    children: [/*#__PURE__*/_jsx(Switch, _objectSpread(_objectSpread({}, restProps), {}, {
-      className: classNames("".concat(sparkPrefix, "-switch"), className)
-    })), /*#__PURE__*/_jsx("span", {
-      className: "".concat(sparkPrefix, "-switch-label"),
-      children: label
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      gap: 8,
+      children: [/*#__PURE__*/_jsx(Switch, _objectSpread(_objectSpread({}, restProps), {}, {
+        className: classNames("".concat(sparkPrefix, "-switch"), className)
+      })), /*#__PURE__*/_jsx("span", {
+        className: "".concat(sparkPrefix, "-switch-label"),
+        children: label
+      })]
     })]
   });
 });

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

@@ -1,25 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: string | {
-            background: string;
-            opacity?: undefined;
-        } | {
-            [x: string]: string | number | {
-                background: string;
-            };
-            opacity: number;
-            background: string;
-        };
-        background: string;
-        backgroundImage: string;
-        fontSize?: undefined;
-        fontWeight?: undefined;
-    } | {
-        fontSize: string;
-        fontWeight: number;
-        background?: undefined;
-        backgroundImage?: 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/Switch/index.style.js

@@ -1,33 +1,22 @@
-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(_defineProperty({}, ".".concat(sparkPrefix, "-switch"), _defineProperty(_defineProperty({
-    background: "var(--".concat(antPrefix, "-color-primary-bg)"),
-    backgroundImage: 'none !important'
-  }, "&.".concat(antPrefix, "-switch-checked"), {
-    background: "var(--".concat(antPrefix, "-color-primary)")
-  }), "&.".concat(antPrefix, "-switch-disabled"), _defineProperty({
-    opacity: 1,
-    background: "var(--".concat(antPrefix, "-color-fill-disable)")
-  }, "&.".concat(antPrefix, "-switch-checked"), {
-    background: "var(--".concat(antPrefix, "-color-primary-border-hover)")
-  }))), ".".concat(sparkPrefix, "-switch-label"), {
-    fontSize: '14px',
-    fontWeight: 500
-  });
-}
-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.", "-switch {\n  background: var(--", "-color-primary-bg);\n  background-image: none !important;\n  \n  &.", "-switch-checked {\n    background: var(--", "-color-primary);\n  }\n  \n  &.", "-switch-disabled {\n    opacity: 1;\n    background: var(--", "-color-fill-disable);\n    \n    &.", "-switch-checked {\n      background: var(--", "-color-primary-border-hover);\n    }\n  }\n}\n\n.", "-switch-label {\n  font-size: 14px;\n  font-weight: 500;\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;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+});

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

@@ -11,8 +11,10 @@ import { getCommonConfig } from "../../../config";
 import { SparkSortLine } from '@agentscope-ai/icons';
 import { Table as AntdTable } from 'antd';
 import classNames from 'classnames';
-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";
 export default function BLTable(props) {
   var _columns;
   var commonConfig = getCommonConfig();
@@ -31,9 +33,11 @@ export default function BLTable(props) {
       }
     });
   });
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(AntdTable, _objectSpread({
-    className: classNames("".concat(sparkPrefix, "-table")),
-    columns: columns
-  }, restProps));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(AntdTable, _objectSpread({
+      className: classNames("".concat(sparkPrefix, "-table")),
+      columns: columns
+    }, restProps))]
+  });
 }

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

@@ -1,52 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            [x: string]: {
-                [x: string]: {
-                    padding: string;
-                    fontWeight: number;
-                    color: string;
-                    borderStartStartRadius?: undefined;
-                    borderStartEndRadius?: undefined;
-                    display?: undefined;
-                } | {
-                    borderStartStartRadius: number;
-                    padding?: undefined;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartEndRadius?: undefined;
-                    display?: undefined;
-                } | {
-                    borderStartEndRadius: number;
-                    padding?: undefined;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartStartRadius?: undefined;
-                    display?: undefined;
-                } | {
-                    display: string;
-                    padding?: undefined;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartStartRadius?: undefined;
-                    borderStartEndRadius?: undefined;
-                } | {
-                    padding: string;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartStartRadius?: undefined;
-                    borderStartEndRadius?: undefined;
-                    display?: undefined;
-                };
-                "table > thead > tr:first-child > *:first-child": {
-                    borderStartStartRadius: number;
-                };
-                "table > thead > tr:first-child > *:last-child": {
-                    borderStartEndRadius: number;
-                };
-            };
-        };
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;