@agentscope-ai/design 1.0.8 → 1.0.9

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

@@ -1,53 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            color: string;
-            lineHeight: number;
-            marginTop: number;
-            fontSize: string;
-            textAlign?: undefined;
-        } | {
-            textAlign: string;
-            color?: undefined;
-            lineHeight?: undefined;
-            marginTop?: undefined;
-            fontSize?: undefined;
-        };
-        fontWeight?: undefined;
-        whiteSpace?: undefined;
-        fontSize?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        gap?: undefined;
-        minHeight?: undefined;
-    } | {
-        fontWeight: number;
-        whiteSpace: string;
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        gap: string;
-        minHeight?: undefined;
-    } | {
-        [x: string]: {
-            marginRight: string;
-        };
-        fontWeight?: undefined;
-        whiteSpace?: undefined;
-        fontSize?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        gap?: undefined;
-        minHeight?: undefined;
-    } | {
-        minHeight: string;
-        fontWeight?: undefined;
-        whiteSpace?: undefined;
-        fontSize?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        gap?: 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/Form/index.style.js

@@ -1,38 +1,26 @@
-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(_defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-form"), _defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-required-mark"), {
-    color: "var(--".concat(antPrefix, "-color-error)"),
-    lineHeight: 1,
-    marginTop: 0,
-    fontSize: '16px'
-  }), ".".concat(antPrefix, "-form-item .").concat(antPrefix, "-form-item-label"), {
-    textAlign: 'left'
-  })), ".".concat(antPrefix, "-form-item .").concat(antPrefix, "-form-item-label > label"), {
-    fontWeight: 500,
-    whiteSpace: 'normal',
-    fontSize: '13px',
-    lineHeight: '20px',
-    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"), {
-    minHeight: 'unset'
-  });
-}
-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.", "-form {\n  .", "-required-mark {\n    color: var(--", "-color-error);\n    line-height: 1;\n    margin-top: 0;\n    font-size: 16px;\n  }\n  \n  .", "-form-item .", "-form-item-label {\n    text-align: left;\n  }\n}\n\n.", "-form-item .", "-form-item-label > label {\n  font-weight: 500;\n  white-space: normal;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--", "-color-text);\n  gap: 4px;\n}\n\n.", "-form-label-margin-small {\n  .", "-form-item-label > label {\n    margin-right: 8px;\n  }\n}\n\n.", "-col {\n  min-height: unset;\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, 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.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -5,35 +5,40 @@ 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 { SparkInfoLine } from '@agentscope-ai/icons';
 import classNames from 'classnames';
 import IconButton from "../IconButton";
-import useIconFontStyle from "../IconFont/index.style";
+import { useStyle as useIconFontStyle } from "../IconFont/index.style";
 import Tooltip from "../Tooltip";
-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 HelpIcon(props) {
-  useIconFontStyle();
-  useIndexStyle();
+  var IconFontStyle = useIconFontStyle();
+  var Style = useStyle();
   var style = props.style,
     content = props.content,
     className = props.className,
     popoverProps = props.popoverProps;
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
-    title: content,
-    overlayInnerStyle: {
-      maxWidth: 376
-    },
-    trigger: 'hover',
-    style: style
-  }, popoverProps), {}, {
-    children: /*#__PURE__*/_jsx(IconButton, {
-      className: classNames("".concat(sparkPrefix, "-help-icon"), className),
-      icon: "spark-info-line",
-      shape: "circle",
-      bordered: false,
-      size: "small"
-    })
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(IconFontStyle, {}), /*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+      title: content,
+      overlayInnerStyle: {
+        maxWidth: 376
+      },
+      trigger: 'hover',
+      style: style
+    }, popoverProps), {}, {
+      children: /*#__PURE__*/_jsx(IconButton, {
+        className: classNames("".concat(sparkPrefix, "-help-icon"), className),
+        icon: /*#__PURE__*/_jsx(SparkInfoLine, {}),
+        shape: "circle",
+        bordered: false,
+        size: "small"
+      })
+    }))]
+  });
 }

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

@@ -1,16 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        color: string;
-        marginLeft?: undefined;
-        fontSize?: undefined;
-    } | {
-        [x: string]: string | {
-            margin: number;
-        };
-        color: string;
-        marginLeft: string;
-        fontSize: 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/HelpIcon/index.style.js

@@ -1,29 +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 antPrefix = params.antPrefix,
-    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'
-  }, "&.".concat(blPrefix, "-info-icon-no-margin"), {
-    margin: 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.", "-help-icon {\n  color: var(--", "-color-text-tertiary);\n}\n\n.", "-info-icon {\n  color: var(--", "-color-icon);\n  margin-left: var(--", "-margin-xxs);\n  font-size: 14px;\n  \n  &.", "-info-icon-no-margin {\n    margin: 0;\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.blPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.blPrefix;
+});

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

@@ -11,8 +11,10 @@ import IconFont from "../IconFont";
 import { Button, getCommonConfig } from "../../..";
 import classNames from 'classnames';
 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";
 export default (function (props) {
   var className = props.className,
     iconType = props.iconType,
@@ -21,7 +23,7 @@ export default (function (props) {
     restProps = _objectWithoutProperties(props, _excluded);
   var config = getCommonConfig();
   var iconfont = config.iconfont;
-  useIndexStyle();
+  var Style = useStyle();
   var icon = useMemo(function () {
     if (iconType) {
       return /*#__PURE__*/_jsx(IconFont, {
@@ -37,13 +39,15 @@ export default (function (props) {
       return props.icon;
     }
   }, [props.icon, iconType, iconfont]);
-  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-    className: classNames(className, "".concat(config.sparkPrefix, "-icon-button")),
-    style: {
-      lineHeight: 1
-    },
-    type: bordered ? 'default' : 'text'
-  }, restProps), {}, {
-    icon: icon
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      className: classNames(className, "".concat(config.sparkPrefix, "-icon-button")),
+      style: {
+        lineHeight: 1
+      },
+      type: bordered ? 'default' : 'text'
+    }, restProps), {}, {
+      icon: icon
+    }))]
+  });
 });

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

@@ -1,11 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            display: string;
-            justifyContent: string;
-            alignItems: 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/IconButton/index.style.js

@@ -1,24 +1,10 @@
-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({}, ".".concat(antPrefix, "-btn-icon"), {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-  }));
-}
-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.", "-icon-button.", "-btn {\n  .", "-btn-icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -1,4 +1,3 @@
-import { IconFontProps } from '@agentscope-ai/icons-override-antd/lib/components/IconFont';
 import React, { CSSProperties } from 'react';
 export interface SparkIconFontProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -26,4 +25,4 @@ export interface SparkIconFontProps extends React.HTMLAttributes<HTMLDivElement>
      */
     spin?: boolean;
 }
-export default function IconFont(props: SparkIconFontProps): React.FunctionComponentElement<IconFontProps<string>>;
+export default function IconFont(props: SparkIconFontProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,7 +11,10 @@ import { getCommonConfig } from "../../../config";
 import { createFromIconfontCN } from '@agentscope-ai/icons-override-antd';
 import classNames from 'classnames';
 import React from 'react';
-import useIconFontStyle 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 iconFontInstance;
 function getIconFontInstance(url) {
   if (!iconFontInstance) {
@@ -33,12 +36,14 @@ export default function IconFont(props) {
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix,
     iconfont = _getCommonConfig.iconfont;
-  useIconFontStyle();
-  return /*#__PURE__*/React.createElement(getIconFontInstance(iconfont), _objectSpread({
-    type: type,
-    style: _objectSpread({
-      fontSize: size
-    }, props.style),
-    className: classNames(isCursorPointer && "".concat(sparkPrefix, "-cursor-pointer"), className, "".concat(sparkPrefix, "-icon"), _defineProperty({}, "".concat(sparkPrefix, "-icon-spin"), spin))
-  }, rest));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/React.createElement(getIconFontInstance(iconfont), _objectSpread({
+      type: type,
+      style: _objectSpread({
+        fontSize: size
+      }, props.style),
+      className: classNames(isCursorPointer && "".concat(sparkPrefix, "-cursor-pointer"), className, "".concat(sparkPrefix, "-icon"), _defineProperty({}, "".concat(sparkPrefix, "-icon-spin"), spin))
+    }, rest))]
+  });
 }

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

@@ -1,67 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        '0%': {
-            transform: string;
-        };
-        '100%': {
-            transform: string;
-        };
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        fontSize?: undefined;
-        lineHeight?: undefined;
-        animation?: undefined;
-        cursor?: undefined;
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        fontSize: string;
-        lineHeight: number;
-        '0%'?: undefined;
-        '100%'?: undefined;
-        animation?: undefined;
-        cursor?: undefined;
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        animation: string;
-        '0%'?: undefined;
-        '100%'?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        fontSize?: undefined;
-        lineHeight?: undefined;
-        cursor?: undefined;
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        cursor: string;
-        color: string;
-        '&:hover': {
-            color: string;
-        };
-        '0%'?: undefined;
-        '100%'?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        justifyContent?: undefined;
-        fontSize?: undefined;
-        lineHeight?: undefined;
-        animation?: undefined;
-    };
-    '@keyframes spinning': {
-        '0%': {
-            transform: string;
-        };
-        '100%': {
-            transform: string;
-        };
-    };
-};
-declare const useIconFontStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIconFontStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,44 +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,
-    sparkPrefix = params.sparkPrefix;
-  return _defineProperty(_defineProperty(_defineProperty({
-    // @import useIndexStyle from '../../antd/styles/index.style';
-    '@keyframes spinning': {
-      '0%': {
-        transform: 'rotate(0deg)'
-      },
-      '100%': {
-        transform: 'rotate(360deg)'
-      }
-    }
-  }, ".".concat(sparkPrefix, "-icon"), {
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: '16px',
-    lineHeight: 1
-  }), ".".concat(sparkPrefix, "-icon-spin"), {
-    animation: 'spinning 1s ease-in-out infinite'
-  }), ".".concat(sparkPrefix, "-cursor-pointer"), {
-    cursor: 'pointer',
-    color: "var(--".concat(antPrefix, "-color-icon)"),
-    '&:hover': {
-      color: "var(--".concat(antPrefix, "-color-icon-hover)")
-    }
-  });
-}
-var useIconFontStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIconFontStyle;
+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@keyframes spinning {\n  0% {\n    transform: rotate(0deg);\n  }\n  \n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.", "-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.", "-icon-spin {\n  animation: spinning 1s ease-in-out infinite;\n}\n\n.", "-cursor-pointer {\n  cursor: pointer;\n  color: var(--", "-color-icon);\n  \n  &:hover {\n    color: var(--", "-color-icon-hover);\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -9,11 +9,12 @@ import { getCommonConfig } from "../../../config";
 import { SparkVisibleLine } from '@agentscope-ai/icons';
 import { Image as AntdImage } 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 { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var Image = function Image(props) {
-  useIndexStyle();
+  var Style = useStyle();
   var _getCommonConfig = getCommonConfig(),
     antPrefix = _getCommonConfig.antPrefix;
   var preview = useMemo(function () {
@@ -38,9 +39,11 @@ var Image = function Image(props) {
       })
     }, preview), basePreview);
   }, [props.preview]);
-  return /*#__PURE__*/_jsx(AntdImage, _objectSpread({
-    preview: preview
-  }, props));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(AntdImage, _objectSpread({
+      preview: preview
+    }, props))]
+  });
 };
 
 // 定义接口避免TypeScript内部类型推断

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

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