@agentscope-ai/design 1.0.8 → 1.0.9

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

@@ -2,8 +2,10 @@ import { getCommonConfig } from "../../../config";
 import { Typography } from 'antd';
 import classNames from 'classnames';
 import React 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";
 /** 超过展示范围时展示tooltip */
 export default function EllipsisTip(props) {
   var _props$className = props.className,
@@ -17,14 +19,16 @@ export default function EllipsisTip(props) {
   var _tooltip = tooltip || children;
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(Typography.Paragraph, {
-    className: classNames("".concat(sparkPrefix, "-ellipsis-tip"), className),
-    style: style,
-    ellipsis: {
-      rows: rows,
-      tooltip: _tooltip
-    },
-    children: children
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Typography.Paragraph, {
+      className: classNames("".concat(sparkPrefix, "-ellipsis-tip"), className),
+      style: style,
+      ellipsis: {
+        rows: rows,
+        tooltip: _tooltip
+      },
+      children: children
+    })]
   });
 }

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

@@ -1,10 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        marginBottom: number;
-        color: string;
-        lineHeight: number;
-        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/EllipsisTip/index.style.js

@@ -1,24 +1,6 @@
-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;
-  return _defineProperty({}, "div.".concat(sparkPrefix, "-ellipsis-tip"), {
-    marginBottom: 0,
-    color: 'unset',
-    lineHeight: 1.5,
-    fontSize: '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(["\ndiv.", "-ellipsis-tip {\n  margin-bottom: 0;\n  color: unset;\n  line-height: 1.5;\n  font-size: unset;\n}\n"])), function (p) {
+  return p.sparkPrefix;
+});

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

@@ -6,13 +6,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { getCommonConfig } from "../../../config";
 import { Flex } from 'antd';
+import { useMemo } from 'react';
 import Button from "../Button";
+import { useStyle } from "./index.style";
 import Illustrate from "./svg/Illustrate";
-import useIndexStyle from "./index.style";
-import { useMemo } from 'react';
 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 TEXTURE_MAP = {
   url: 'https://gw.alicdn.com/imgextra/i3/O1CN01r3f3Si24iFTRz9Bho_!!6000000007424-55-tps-320-320.svg',
   tokenMap: {
@@ -221,50 +221,52 @@ var Empty = function Empty(props) {
     });
     return tokenMap;
   }, [isDarkMode]);
-  useIndexStyle();
+  var Style = useStyle();
   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), {}, {
-      width: size,
-      height: size
-    }),
-    children: [texture && /*#__PURE__*/_jsx(Illustrate, {
-      size: size,
-      svgUrl: TEXTURE_MAP.url,
-      tokenMap: textureTokenMap,
-      className: "".concat(sparkPrefix, "-empty-texture")
-    }), /*#__PURE__*/_jsx(Illustrate, {
-      size: size,
-      svgUrl: image,
-      tokenMap: tokenMap,
-      className: "".concat(sparkPrefix, "-empty-image")
-    }), /*#__PURE__*/_jsxs(Flex, {
-      vertical: true,
-      align: "center",
-      style: {
-        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", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-empty ").concat(props.className || ''),
+      style: _objectSpread(_objectSpread({}, imageStyle), {}, {
+        width: size,
+        height: size
+      }),
+      children: [texture && /*#__PURE__*/_jsx(Illustrate, {
+        size: size,
+        svgUrl: TEXTURE_MAP.url,
+        tokenMap: textureTokenMap,
+        className: "".concat(sparkPrefix, "-empty-texture")
+      }), /*#__PURE__*/_jsx(Illustrate, {
+        size: size,
+        svgUrl: image,
+        tokenMap: tokenMap,
+        className: "".concat(sparkPrefix, "-empty-image")
+      }), /*#__PURE__*/_jsxs(Flex, {
+        vertical: true,
+        align: "center",
         style: {
-          marginTop: 0.05 * parsedSize
+          marginTop: '52.5%'
         },
-        children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-          type: okType,
-          onClick: onOk
-        }, okButtonProps), {}, {
-          children: okText
-        }))
-      }), !!children && children]
+        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", {
+          style: {
+            marginTop: 0.05 * parsedSize
+          },
+          children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+            type: okType,
+            onClick: onOk
+          }, okButtonProps), {}, {
+            children: okText
+          }))
+        }), !!children && children]
+      })]
     })]
   });
 };

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

@@ -1,113 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        display: string;
-        flexDirection: string;
-        alignItems: string;
-        overflow: string;
-        position: string;
-        top?: undefined;
-        left?: undefined;
-        pointerEvents?: undefined;
-        justifyContent?: undefined;
-        marginTop?: undefined;
-        width?: undefined;
-        height?: undefined;
-        fontSize?: undefined;
-        fontWeight?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        textAlign?: undefined;
-    } | {
-        position: string;
-        top: number;
-        left: number;
-        pointerEvents: string;
-        display: string;
-        justifyContent: string;
-        flexDirection?: undefined;
-        alignItems?: undefined;
-        overflow?: undefined;
-        marginTop?: undefined;
-        width?: undefined;
-        height?: undefined;
-        fontSize?: undefined;
-        fontWeight?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        textAlign?: undefined;
-    } | {
-        marginTop: string;
-        width: string;
-        height: string;
-        display?: undefined;
-        flexDirection?: undefined;
-        alignItems?: undefined;
-        overflow?: undefined;
-        position?: undefined;
-        top?: undefined;
-        left?: undefined;
-        pointerEvents?: undefined;
-        justifyContent?: undefined;
-        fontSize?: undefined;
-        fontWeight?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        textAlign?: undefined;
-    } | {
-        width: string;
-        height: string;
-        display?: undefined;
-        flexDirection?: undefined;
-        alignItems?: undefined;
-        overflow?: undefined;
-        position?: undefined;
-        top?: undefined;
-        left?: undefined;
-        pointerEvents?: undefined;
-        justifyContent?: undefined;
-        marginTop?: undefined;
-        fontSize?: undefined;
-        fontWeight?: undefined;
-        lineHeight?: undefined;
-        color?: undefined;
-        textAlign?: undefined;
-    } | {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: string;
-        color: string;
-        display?: undefined;
-        flexDirection?: undefined;
-        alignItems?: undefined;
-        overflow?: undefined;
-        position?: undefined;
-        top?: undefined;
-        left?: undefined;
-        pointerEvents?: undefined;
-        justifyContent?: undefined;
-        marginTop?: undefined;
-        width?: undefined;
-        height?: undefined;
-        textAlign?: undefined;
-    } | {
-        fontSize: string;
-        lineHeight: string;
-        color: string;
-        textAlign: string;
-        width: string;
-        display?: undefined;
-        flexDirection?: undefined;
-        alignItems?: undefined;
-        overflow?: undefined;
-        position?: undefined;
-        top?: undefined;
-        left?: undefined;
-        pointerEvents?: undefined;
-        justifyContent?: undefined;
-        marginTop?: undefined;
-        height?: undefined;
-        fontWeight?: 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/Empty/index.style.js

@@ -1,51 +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(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-empty"), {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    overflow: 'hidden',
-    position: 'relative'
-  }), ".".concat(sparkPrefix, "-empty-texture, .").concat(sparkPrefix, "-empty-image"), {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    pointerEvents: 'none',
-    display: 'flex',
-    justifyContent: 'center'
-  }), ".".concat(sparkPrefix, "-empty-image svg"), {
-    marginTop: '16.875%',
-    width: '108px',
-    height: '108px'
-  }), ".".concat(sparkPrefix, "-empty-texture svg"), {
-    width: '320px',
-    height: '320px'
-  }), ".".concat(sparkPrefix, "-empty-title"), {
-    fontSize: '16px',
-    fontWeight: 500,
-    lineHeight: '24px',
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), ".".concat(sparkPrefix, "-empty-description"), {
-    fontSize: '12px',
-    lineHeight: '20px',
-    color: "var(--".concat(antPrefix, "-color-text-secondary)"),
-    textAlign: 'center',
-    width: '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.", "-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n}\n\n.", "-empty-texture,\n.", "-empty-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  display: flex;\n  justify-content: center;\n}\n\n.", "-empty-image svg {\n  margin-top: 16.875%;\n  width: 108px;\n  height: 108px;\n}\n\n.", "-empty-texture svg {\n  width: 320px;\n  height: 320px;\n}\n\n.", "-empty-title {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  color: var(--", "-color-text);\n}\n\n.", "-empty-description {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--", "-color-text-secondary);\n  text-align: center;\n  width: 100%;\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -18,9 +18,10 @@ import ppt from "./icons/ppt.svg";
 import txt from "./icons/txt.svg";
 import web from "./icons/web.svg";
 import word from "./icons/word.svg";
-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 maps = {
   common: common,
   epub: epub,
@@ -48,34 +49,36 @@ function getSize(size) {
 export function FileCard(props) {
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   var _props$width = props.width,
     width = _props$width === void 0 ? 140 : _props$width,
     _props$iconSize = props.iconSize,
     iconSize = _props$iconSize === void 0 ? 32 : _props$iconSize;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "".concat(sparkPrefix, "-file-card"),
-    style: {
-      width: width
-    },
-    children: [/*#__PURE__*/_jsx(FileIcon, {
-      type: props.type,
-      size: iconSize,
-      src: props.src
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "".concat(sparkPrefix, "-file-card-info"),
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-file-card-name"),
-        children: props.name
-      }), (props.size || props.desc) && /*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-file-card-size"),
-        children: props.desc || getSize(props.size)
-      })]
-    }), /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-file-card"),
       style: {
-        flex: 1
-      }
-    }), props.children]
+        width: width
+      },
+      children: [/*#__PURE__*/_jsx(FileIcon, {
+        type: props.type,
+        size: iconSize,
+        src: props.src
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "".concat(sparkPrefix, "-file-card-info"),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "".concat(sparkPrefix, "-file-card-name"),
+          children: props.name
+        }), (props.size || props.desc) && /*#__PURE__*/_jsx("div", {
+          className: "".concat(sparkPrefix, "-file-card-size"),
+          children: props.desc || getSize(props.size)
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          flex: 1
+        }
+      }), props.children]
+    })]
   });
 }
 export default function FileIcon(props) {

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

@@ -1,61 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        display: string;
-        alignItems: string;
-        gap: number;
-        padding: number;
-        borderRadius: number;
-        background: string;
-        border: string;
-        fontSize?: undefined;
-        color?: undefined;
-        overflow?: undefined;
-        textOverflow?: undefined;
-        whiteSpace?: undefined;
-        maxWidth?: undefined;
-    } | {
-        fontSize: number;
-        color: string;
-        display?: undefined;
-        alignItems?: undefined;
-        gap?: undefined;
-        padding?: undefined;
-        borderRadius?: undefined;
-        background?: undefined;
-        border?: undefined;
-        overflow?: undefined;
-        textOverflow?: undefined;
-        whiteSpace?: undefined;
-        maxWidth?: undefined;
-    } | {
-        overflow: string;
-        textOverflow: string;
-        whiteSpace: string;
-        maxWidth: string;
-        display?: undefined;
-        alignItems?: undefined;
-        gap?: undefined;
-        padding?: undefined;
-        borderRadius?: undefined;
-        background?: undefined;
-        border?: undefined;
-        fontSize?: undefined;
-        color?: undefined;
-    } | {
-        overflow: string;
-        textOverflow: string;
-        whiteSpace: string;
-        maxWidth: string;
-        color: string;
-        display?: undefined;
-        alignItems?: undefined;
-        gap?: undefined;
-        padding?: undefined;
-        borderRadius?: undefined;
-        background?: undefined;
-        border?: undefined;
-        fontSize?: 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/FileIcon/index.style.js

@@ -1,42 +1,20 @@
-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, "-file-card"), {
-    display: 'flex',
-    alignItems: 'center',
-    gap: 8,
-    padding: 8,
-    borderRadius: 8,
-    background: "var(--".concat(antPrefix, "-color-bg-container)"),
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(sparkPrefix, "-file-card-info"), {
-    fontSize: 12,
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), ".".concat(sparkPrefix, "-file-card-name"), {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    maxWidth: '100%'
-  }), ".".concat(sparkPrefix, "-file-card-size"), {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    maxWidth: '100%',
-    color: "var(--".concat(antPrefix, "-color-text-quaternary)")
-  });
-}
-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.", "-file-card {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  border-radius: 8px;\n  background: var(--", "-color-bg-container);\n  border: 1px solid var(--", "-color-border-secondary);\n}\n\n.", "-file-card-info {\n  font-size: 12px;\n  color: var(--", "-color-text);\n}\n\n.", "-file-card-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n.", "-file-card-size {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n  color: var(--", "-color-text-quaternary);\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -1,5 +1,5 @@
+import { FloatButton } from "../../../..";
 import { SparkProblemLine } from '@agentscope-ai/icons';
-import { FloatButton } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var App = function App() {

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

@@ -1,5 +1,5 @@
+import { FloatButton } from "../../../..";
 import { SparkProblemLine } from '@agentscope-ai/icons';
-import { FloatButton } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var App = function App() {

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

@@ -13,7 +13,7 @@ import { Form } from 'antd';
 import FormItem from 'antd/es/form/FormItem';
 import classnames from 'classnames';
 import React, { forwardRef, useImperativeHandle, useRef } 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";
@@ -23,11 +23,12 @@ var InternalForm = /*#__PURE__*/forwardRef(function (props, ref) {
   var formRef = useRef(null);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   useImperativeHandle(ref, function () {
     return formRef.current;
   });
-  return (
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}),
     /*#__PURE__*/
     //@ts-ignore
     _jsx(Form, _objectSpread(_objectSpread({}, props), {}, {
@@ -41,8 +42,8 @@ var InternalForm = /*#__PURE__*/forwardRef(function (props, ref) {
           })]
         });
       }
-    }))
-  );
+    }))]
+  });
 });
 var InternalFormItem = function InternalFormItem(props) {
   var tooltip = props.tooltip,