@agentscope-ai/design 1.0.8 → 1.0.10

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

@@ -11,8 +11,10 @@ import { getCommonConfig } from "../../../config";
 import { Tag } from 'antd';
 import classNames from 'classnames';
 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 SparkTag = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     className = props.className,
@@ -23,15 +25,17 @@ var SparkTag = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
     restProps = _objectWithoutProperties(props, _excluded);
-  useIndexStyle();
+  var Style = useStyle();
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
-  return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
-    className: classNames("".concat(sparkPrefix, "-tag ").concat(sparkPrefix, "-tag-").concat(color, " ").concat(sparkPrefix, "-tag-").concat(size), className),
-    bordered: bordered
-  }, restProps), {}, {
-    ref: ref,
-    children: children
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
+      className: classNames("".concat(sparkPrefix, "-tag ").concat(sparkPrefix, "-tag-").concat(color, " ").concat(sparkPrefix, "-tag-").concat(size), className),
+      bordered: bordered
+    }, restProps), {}, {
+      ref: ref,
+      children: children
+    }))]
+  });
 });
 export default SparkTag;

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

@@ -1,56 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: string | number | {
-            marginLeft: number;
-        };
-        fontWeight: number;
-        border: string;
-        display: string;
-        alignItems: string;
-        gap: string;
-        height?: undefined;
-        fontSize?: undefined;
-        padding?: undefined;
-        color?: undefined;
-        background?: undefined;
-        borderColor?: undefined;
-    } | {
-        height: string;
-        fontSize: string;
-        padding: string;
-        fontWeight?: undefined;
-        border?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        gap?: undefined;
-        color?: undefined;
-        background?: undefined;
-        borderColor?: undefined;
-    } | {
-        color: string;
-        background: string;
-        fontWeight?: undefined;
-        border?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        gap?: undefined;
-        height?: undefined;
-        fontSize?: undefined;
-        padding?: undefined;
-        borderColor?: undefined;
-    } | {
-        color: string;
-        background: string;
-        borderColor: string;
-        fontWeight?: undefined;
-        border?: undefined;
-        display?: undefined;
-        alignItems?: undefined;
-        gap?: undefined;
-        height?: undefined;
-        fontSize?: 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/Tag/index.style.js

@@ -1,58 +1,54 @@
-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(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-tag"), _defineProperty({
-    fontWeight: 500,
-    border: 'none',
-    display: 'inline-flex',
-    alignItems: 'center',
-    gap: '4px'
-  }, ".".concat(antPrefix, "-tag-close-icon"), {
-    marginLeft: 0
-  })), ".".concat(sparkPrefix, "-tag-small"), {
-    height: '20px',
-    fontSize: '12px',
-    padding: '0 4px'
-  }), ".".concat(sparkPrefix, "-tag-middle"), {
-    height: '24px',
-    fontSize: '14px',
-    padding: '0 6px'
-  }), ".".concat(sparkPrefix, "-tag-purple"), {
-    color: "var(--".concat(antPrefix, "-color-purple)"),
-    background: "var(--".concat(antPrefix, "-color-purple-bg)")
-  }), ".".concat(sparkPrefix, "-tag-pink"), {
-    color: "var(--".concat(antPrefix, "-color-pink)"),
-    background: "var(--".concat(antPrefix, "-color-pink-bg)")
-  }), ".".concat(sparkPrefix, "-tag-yellow"), {
-    color: "var(--".concat(antPrefix, "-color-yellow)"),
-    background: "var(--".concat(antPrefix, "-color-yellow-bg)")
-  }), ".".concat(sparkPrefix, "-tag-teal"), {
-    color: "var(--".concat(antPrefix, "-color-teal)"),
-    background: "var(--".concat(antPrefix, "-color-teal-bg)")
-  }), ".".concat(sparkPrefix, "-tag-blue"), {
-    color: "var(--".concat(antPrefix, "-color-blue)"),
-    background: "var(--".concat(antPrefix, "-color-blue-bg)")
-  }), ".".concat(sparkPrefix, "-tag-mauve"), {
-    color: "var(--".concat(antPrefix, "-color-mauve)"),
-    background: "var(--".concat(antPrefix, "-color-mauve-bg)")
-  }), ".".concat(sparkPrefix, "-tag-transparent"), {
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
-    background: 'transparent',
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  });
-}
-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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-tag {\n  font-weight: 500;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  \n  .", "-tag-close-icon {\n    margin-left: 0;\n  }\n}\n\n.", "-tag-small {\n  height: 20px;\n  font-size: 12px;\n  padding: 0 4px;\n}\n\n.", "-tag-middle {\n  height: 24px;\n  font-size: 14px;\n  padding: 0 6px;\n}\n\n.", "-tag-purple {\n  color: var(--", "-color-purple);\n  background: var(--", "-color-purple-bg);\n}\n\n.", "-tag-pink {\n  color: var(--", "-color-pink);\n  background: var(--", "-color-pink-bg);\n}\n\n.", "-tag-yellow {\n  color: var(--", "-color-yellow);\n  background: var(--", "-color-yellow-bg);\n}\n\n.", "-tag-teal {\n  color: var(--", "-color-teal);\n  background: var(--", "-color-teal-bg);\n}\n\n.", "-tag-blue {\n  color: var(--", "-color-blue);\n  background: var(--", "-color-blue-bg);\n}\n\n.", "-tag-mauve {\n  color: var(--", "-color-mauve);\n  background: var(--", "-color-mauve-bg);\n}\n\n.", "-tag-transparent {\n  color: var(--", "-color-text-tertiary);\n  background: transparent;\n  border-color: var(--", "-color-border-secondary);\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, 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;
+}, 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.antPrefix;
+}, 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.antPrefix;
+}, 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.antPrefix;
+});

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

@@ -13,8 +13,10 @@ import { SparkTimestampLine } from '@agentscope-ai/icons';
 import { TimePicker as AntdTimePicker, ConfigProvider, theme } 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";
 var TimePicker = function TimePicker(props) {
   var className = props.className,
     popupClassName = props.popupClassName,
@@ -23,20 +25,22 @@ var TimePicker = function TimePicker(props) {
     token = _theme$useToken.token;
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(ConfigProvider, {
-    theme: {
-      components: {
-        DatePicker: {
-          activeBorderColor: token.colorPrimary
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(ConfigProvider, {
+      theme: {
+        components: {
+          DatePicker: {
+            activeBorderColor: token.colorPrimary
+          }
         }
-      }
-    },
-    children: /*#__PURE__*/_jsx(AntdTimePicker, _objectSpread({
-      suffixIcon: /*#__PURE__*/_jsx(SparkTimestampLine, {}),
-      className: classNames("".concat(sparkPrefix, "-picker"), className),
-      popupClassName: classNames("".concat(sparkPrefix, "-picker-dropdown"), popupClassName)
-    }, restProps))
+      },
+      children: /*#__PURE__*/_jsx(AntdTimePicker, _objectSpread({
+        suffixIcon: /*#__PURE__*/_jsx(SparkTimestampLine, {}),
+        className: classNames("".concat(sparkPrefix, "-picker"), className),
+        popupClassName: classNames("".concat(sparkPrefix, "-picker-dropdown"), popupClassName)
+      }, restProps))
+    })]
   });
 };
 var RangePicker = function RangePicker(props) {
@@ -47,23 +51,25 @@ var RangePicker = function RangePicker(props) {
     token = _theme$useToken2.token;
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(ConfigProvider, {
-    theme: {
-      components: {
-        DatePicker: {
-          activeBorderColor: token.colorPrimary
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(ConfigProvider, {
+      theme: {
+        components: {
+          DatePicker: {
+            activeBorderColor: token.colorPrimary
+          }
         }
-      }
-    },
-    children: /*#__PURE__*/_jsx(AntdTimePicker.RangePicker, _objectSpread({
-      suffixIcon: /*#__PURE__*/_jsx(SparkTimestampLine, {}),
-      className: classNames("".concat(sparkPrefix, "-picker"), className),
-      popupClassName: classNames("".concat(sparkPrefix, "-picker-dropdown"), popupClassName),
-      popupStyle: {
-        padding: 0
-      }
-    }, restProps))
+      },
+      children: /*#__PURE__*/_jsx(AntdTimePicker.RangePicker, _objectSpread({
+        suffixIcon: /*#__PURE__*/_jsx(SparkTimestampLine, {}),
+        className: classNames("".concat(sparkPrefix, "-picker"), className),
+        popupClassName: classNames("".concat(sparkPrefix, "-picker-dropdown"), popupClassName),
+        popupStyle: {
+          padding: 0
+        }
+      }, restProps))
+    })]
   });
 };
 TimePicker.RangePicker = RangePicker;

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

@@ -1,71 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: string | {
-            [x: string]: string | {
-                color: string;
-            };
-            color: string;
-            borderColor: string;
-            backgroundColor: string;
-            marginLeft?: undefined;
-            marginRight?: undefined;
-            display?: undefined;
-        } | {
-            marginLeft: string;
-            color: string;
-            borderColor?: undefined;
-            backgroundColor?: undefined;
-            marginRight?: undefined;
-            display?: undefined;
-        } | {
-            marginRight: string;
-            color?: undefined;
-            borderColor?: undefined;
-            backgroundColor?: undefined;
-            marginLeft?: undefined;
-            display?: undefined;
-        } | {
-            [x: string]: string | {
-                width: string;
-                height: string;
-                background: string;
-                ".anticon": {
-                    display: string;
-                };
-            };
-            display: string;
-            color?: undefined;
-            borderColor?: undefined;
-            backgroundColor?: undefined;
-            marginLeft?: undefined;
-            marginRight?: undefined;
-        };
-        borderColor: string;
-        backgroundColor: string;
-    } | {
-        [x: string]: {
-            border: string;
-            display?: undefined;
-            color?: undefined;
-        } | {
-            display: string;
-            border?: undefined;
-            color?: undefined;
-        } | {
-            [x: string]: {
-                background: string;
-            };
-            border?: undefined;
-            display?: undefined;
-            color?: undefined;
-        } | {
-            color: string;
-            border?: undefined;
-            display?: undefined;
-        };
-        borderColor?: undefined;
-        backgroundColor?: 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/TimePicker/index.style.js

@@ -1,50 +1,54 @@
-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, "-picker"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)"),
-    backgroundColor: "var(--".concat(antPrefix, "-color-bg-base)")
-  }, "&.".concat(antPrefix, "-picker-disabled"), _defineProperty({
-    color: "var(--".concat(antPrefix, "-color-text-quaternary)"),
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary) !important"),
-    backgroundColor: "var(--".concat(antPrefix, "-color-fill-tertiary) !important")
-  }, ".".concat(antPrefix, "-picker-suffix"), {
-    color: "var(--".concat(antPrefix, "-color-text-quaternary) !important")
-  })), ".".concat(antPrefix, "-picker-suffix"), {
-    marginLeft: '8px',
-    color: "var(--".concat(antPrefix, "-color-text-tertiary) !important")
-  }), ".".concat(antPrefix, "-picker-clear"), {
-    marginRight: '3px'
-  }), ".".concat(antPrefix, "-picker-range-separator"), _defineProperty({
-    display: 'flex'
-  }, ".".concat(antPrefix, "-picker-separator"), _defineProperty({
-    width: '8px',
-    height: '1px',
-    background: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  }, '.anticon', {
-    display: 'none'
-  })))), ".".concat(sparkPrefix, "-picker-dropdown"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-picker-panel-container"), {
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-picker-range-arrow"), {
-    display: 'none !important'
-  }), ".".concat(antPrefix, "-picker-time-panel-column >li.").concat(antPrefix, "-picker-time-panel-cell-selected"), _defineProperty({}, ".".concat(antPrefix, "-picker-time-panel-cell-inner"), {
-    background: "var(--".concat(antPrefix, "-color-primary-bg)")
-  })), ".".concat(antPrefix, "-picker-now-btn"), {
-    color: "var(--".concat(antPrefix, "-color-primary)")
-  }));
-}
-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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-picker {\n  border-color: var(--", "-color-border-secondary);\n  background-color: var(--", "-color-bg-base);\n  \n  &.", "-picker-disabled {\n    color: var(--", "-color-text-quaternary);\n    border-color: var(--", "-color-border-secondary) !important;\n    background-color: var(--", "-color-fill-tertiary) !important;\n    \n    .", "-picker-suffix {\n      color: var(--", "-color-text-quaternary) !important;\n    }\n  }\n  \n  .", "-picker-suffix {\n    margin-left: 8px;\n    color: var(--", "-color-text-tertiary) !important;\n  }\n  \n  .", "-picker-clear {\n    margin-right: 3px;\n  }\n  \n  .", "-picker-range-separator {\n    display: flex;\n    \n    .", "-picker-separator {\n      width: 8px;\n      height: 1px;\n      background: var(--", "-color-text-tertiary);\n      \n      .anticon {\n        display: none;\n      }\n    }\n  }\n}\n\n.", "-picker-dropdown {\n  .", "-picker-panel-container {\n    border: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-picker-range-arrow {\n    display: none !important;\n  }\n  \n  .", "-picker-time-panel-column > li.", "-picker-time-panel-cell-selected {\n    .", "-picker-time-panel-cell-inner {\n      background: var(--", "-color-primary-bg);\n    }\n  }\n  \n  .", "-picker-now-btn {\n    color: var(--", "-color-primary);\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.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;
+});

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

@@ -12,10 +12,12 @@ import { findClosestBySelector } from "../../../libs/dom";
 import { Tooltip } from 'antd';
 import classNames from 'classnames';
 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 SparkTooltip = /*#__PURE__*/forwardRef(function (props, ref) {
-  useIndexStyle();
+  var Style = useStyle();
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'dark' : _props$mode,
     arrow = props.arrow,
@@ -26,13 +28,15 @@ var SparkTooltip = /*#__PURE__*/forwardRef(function (props, ref) {
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix,
     antPrefix = _getCommonConfig.antPrefix;
-  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, restProps), {}, {
-    arrow: arrow !== null && arrow !== void 0 ? arrow : false,
-    overlayClassName: classNames(overlayClassName, mode === 'light' && "".concat(sparkPrefix, "-tooltip-light")),
-    getPopupContainer: getPopupContainer || function (triggerNode) {
-      return findClosestBySelector(triggerNode, ".".concat(antPrefix, "-app")); // 默认放到App组件下，获取自定义css变量
-    },
-    ref: ref
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, restProps), {}, {
+      arrow: arrow !== null && arrow !== void 0 ? arrow : false,
+      overlayClassName: classNames(overlayClassName, mode === 'light' && "".concat(sparkPrefix, "-tooltip-light")),
+      getPopupContainer: getPopupContainer || function (triggerNode) {
+        return findClosestBySelector(triggerNode, ".".concat(antPrefix, "-app")); // 默认放到App组件下，获取自定义css变量
+      },
+      ref: ref
+    }))]
+  });
 });
 export default SparkTooltip;

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

@@ -1,24 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            border: string;
-            padding: string;
-            background: string;
-            color: string;
-        };
-    } | {
-        [x: string]: {
-            background: string;
-            color: string;
-            '&::after'?: undefined;
-        } | {
-            '&::after': {
-                background: string;
-            };
-            background?: 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/Tooltip/index.style.js

@@ -1,32 +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({}, ".".concat(antPrefix, "-tooltip-content"), _defineProperty({}, ".".concat(antPrefix, "-tooltip-inner"), {
-    border: "1px solid transparent",
-    padding: '6px 12px',
-    background: "var(--".concat(antPrefix, "-color-text)"),
-    color: "var(--".concat(antPrefix, "-color-bg-base)")
-  })), ".".concat(sparkPrefix, "-tooltip-light"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-tooltip-content .").concat(antPrefix, "-tooltip-inner"), {
-    background: "var(--".concat(antPrefix, "-color-bg-base)"),
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), ".".concat(antPrefix, "-tooltip-arrow"), {
-    '&::after': {
-      background: "var(--".concat(antPrefix, "-color-bg-base)")
-    }
-  }));
-}
-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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* \u9ED8\u8BA4\u6DF1\u8272 */\n.", "-tooltip-content {\n  .", "-tooltip-inner {\n    border: 1px solid transparent;\n    padding: 6px 12px;\n    background: var(--", "-color-text-base);\n    color: var(--", "-color-bg-base);\n  }\n}\n\n/* \u6D45\u8272\u6A21\u5F0F */\n.", "-tooltip-light {\n  .", "-tooltip-content .", "-tooltip-inner {\n    background: var(--", "-color-bg-base);\n    color: var(--", "-color-text);\n  }\n  \n  .", "-tooltip-arrow {\n    &::after {\n      background: var(--", "-color-bg-base);\n    }\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.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;
+});