@agentscope-ai/design 1.0.9 → 1.0.10

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useAlertStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-alert {\n  .", "-alert-close-icon {\n    font-size: 16px;\n    \n    .anticon-close {\n      color: var(--", "-color-text);\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useBreadcrumbStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-breadcrumb {\n  .", "-breadcrumb-link {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    color: var(--", "-color-text-secondary);\n  }\n  \n  li:last-child {\n    color: var(--", "-color-text);\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useButtonStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* \u53D6\u6D88\u6240\u6709button\u7684boxShadow */\nbutton[type=\"button\"].", "-btn {\n  font-weight: 500;\n  padding-inline: 11px;\n  \n  span[data-spark-icon] {\n    /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n    font-size: 20px;\n  }\n  \n  &.", "-btn-sm {\n    padding-inline: 7px;\n    \n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 16px;\n    }\n  }\n  \n  &.", "-btn-lg {\n    span[data-spark-icon] {\n      /* @agentscope-ai/icons\u7684\u7279\u6B8A\u903B\u8F91 */\n      font-size: 24px;\n    }\n  }\n}\n\n.", "-btn-default {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-btn-textCompact:hover {\n  color: var(--", "-color-text-tertiary) !important;\n}\n\n.", "-btn.", "-btn-default.", "-btn-dangerous:not(:disabled):not(.", "-btn-disabled) {\n  border-color: transparent;\n  background-color: var(--", "-color-error-bg);\n  color: var(--", "-color-error);\n  \n  &:hover {\n    background-color: var(--", "-color-error-bg-hover);\n    border-color: transparent;\n    color: var(--", "-color-error-hover);\n  }\n}\n\n.", "-btn-color-dangerous.", "-btn-variant-solid:disabled,\n.", "-btn-color-dangerous.", "-btn-variant-solid.", "-btn-disabled {\n  border-color: transparent;\n  background-color: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n}\n\n.", "-btn-primary:disabled {\n  background: var(--", "-color-fill-disable);\n  color: var(--", "-color-text-white);\n  border-color: transparent;\n}\n\n.", "-btn-default:disabled {\n  background: var(--", "-color-bg-base);\n  color: var(--", "-color-text-tertiary);\n  border-color: var(--", "-color-border-secondary);\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useDropdownStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-dropdown .", "-dropdown-menu {\n  box-shadow: var(--", "-box-shadow);\n  border: 1px solid var(--", "-color-border-secondary);\n  \n  .", "-dropdown-menu-item.", "-dropdown-menu-item-active.", "-dropdown-menu-item-danger:not(.", "-dropdown-menu-item-disabled) {\n    color: var(--", "-color-error);\n    background-color: var(--", "-color-error-bg-hover);\n  }\n  \n  .", "-dropdown-menu-title-content {\n    text-align: left;\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useFloatButtonStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* \u53D6\u6D88\u6240\u6709button\u7684boxShadow */\n.", "-float-btn {\n  box-shadow: var(--", "-box-shadow);\n  \n  &.", "-float-btn-default {\n    border: 1px solid var(--", "-color-border-secondary);\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 import React from 'react';
 
 // 导入各个组件的样式

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useInputNumberStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-input-number {\n  background-color: var(--", "-color-bg-base);\n}\n\n.", "-input-number-disabled {\n  background-color: var(--", "-color-fill-tertiary) !important;\n}\n\n.", "-input-number-outlined,\n.", "-input-number-outlined.", "-input-number-disabled {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-input-number-sm {\n  font-size: 12px;\n  height: 24px;\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useMessageStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-message-notice-content {\n  border: 1px solid var(--", "-color-border-secondary);\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useNotificationStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-notification {\n  .", "-notification-notice-wrapper {\n    box-shadow: var(--", "-box-shadow-secondary);\n    border: 1px solid var(--", "-color-border-secondary);\n    \n    .", "-notification {\n      .", "-notification-notice-message {\n        font-size: 16px;\n        font-weight: 500;\n      }\n      \n      .", "-notification-notice-description {\n        font-size: 14px;\n        font-weight: normal;\n        line-height: 24px;\n        color: var(--", "-color-text-secondary);\n        margin-left: 32px;\n      }\n      \n      .", "-notification-notice-with-icon {\n        .", "-notification-notice-icon {\n          display: flex;\n          align-items: center;\n          height: 24px;\n        }\n        \n        .", "-notification-notice-message {\n          margin-inline-start: 32px;\n        }\n      }\n      \n      .", "-notification-notice-close {\n        color: var(--", "-color-text);\n      }\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var usePopoverStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-popover {\n  .", "-popover-inner {\n    max-width: 500px;\n    padding: 12px 16px;\n    box-shadow: var(--", "-box-shadow);\n    border: 1px solid var(--", "-color-border-secondary);\n    \n    .", "-popover-title {\n      margin-bottom: 4px;\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useRadioStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-radio-button-wrapper {\n  .", "-wave {\n    display: none !important;\n  }\n}\n\n.", "-radio-wrapper {\n  .", "-radio-inner {\n    border-color: var(--", "-color-border-secondary);\n  }\n  \n  .", "-radio-disabled {\n    .", "-radio-inner {\n      border-color: var(--", "-color-border-secondary);\n    }\n    \n    &.", "-radio-checked {\n      .", "-radio-inner {\n        background-color: var(--", "-color-border-secondary);\n        \n        &::after {\n          background-color: var(--", "-color-bg-base);\n        }\n      }\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useSegmentStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-segmented {\n  .", "-segmented-item-selected {\n    box-shadow: none;\n  }\n  \n  .", "-segmented-thumb {\n    box-shadow: none !important;\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useSelectStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-select-dropdown {\n  border: 1px solid var(--", "-color-border-secondary);\n  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);\n  border-radius: var(--", "-border-radius);\n}\n\n.", "-select-outlined:not(.", "-select-customize-input) .", "-select-selector {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-select .", "-select-arrow {\n  color: var(--", "-color-text-secondary);\n}\n\n.", "-select-outlined.", "-select-multiple {\n  .", "-select-selection-item {\n    border-radius: 4px;\n    background-color: var(--", "-color-mauve-bg);\n  }\n}\n\n.", "-select-selection-overflow {\n  color: var(--", "-color-mauve);\n  \n  .", "-select-selection-item-remove {\n    .anticon-close {\n      font-size: 14px;\n      color: var(--", "-color-mauve);\n    }\n  }\n}\n\n.", "-select-disabled.", "-select-multiple .", "-select-selection-overflow .", "-select-selection-item {\n  color: var(--", "-color-mauve);\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useSliderStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider {\n  .", "-slider-rail {\n    border-radius: 8px;\n  }\n  \n  .", "-slider-track {\n    border-radius: 8px;\n  }\n}\n\n.", "-slider-tooltip {\n  .", "-tooltip-inner {\n    background: var(--", "-color-bg-spotlight);\n  }\n}\n\n/* \u5DE6\u53F3\u4E24\u4FA7\u7684mark\u5BF9\u9F50 */\n.", "-slider-mark-text {\n  &:first-child {\n    transform: translateX(0%) !important;\n  }\n  \n  &:last-child {\n    transform: translateX(-100%) !important;\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useTableStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table-cell {\n  border-radius: 0;\n}\n"])), function (p) {
   return p.antPrefix;
 });

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../libs/createStyle";
 export var useTooltipStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-tooltip {\n  .", "-tooltip-inner {\n    border: 1px solid var(--", "-color-border-secondary);\n    box-shadow: var(--", "-box-shadow);\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

package/lib/antd/themes/bailianTheme.json

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

package/lib/antd/themes/generateThemeByToken.js

@@ -183,7 +183,13 @@ token, darkMode) {
           verticalContentPaddingBottom: 24
         },
         Switch: {
-          handleBg: token.colorBgContainer
+          handleBg: token.colorBgContainer,
+          trackHeight: 24,
+          handleSize: 20,
+          trackHeightSM: 20,
+          handleSizeSM: 16,
+          trackMinWidth: 44,
+          trackMinWidthSM: 32
         }
       }
     },

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

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

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n.", "-anchor-wrapper .", "-anchor .", "-anchor-link-title {\n  color: var(--", "-color-text-secondary);\n  line-height: 32px;\n  padding: 0 16px;\n}\n\n.", "-anchor-link {\n  --", "-anchor-link-padding-block: 0;\n  --", "-anchor-link-padding-inline-start: 0;\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-avatar {\n  cursor: default;\n}\n"])), function (p) {
   return p.antPrefix;
 });

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-breadcrumb {\n  cursor: default;\n  \n  .", "-breadcrumb-link {\n    cursor: pointer;\n  }\n  \n  li:last-child {\n    .", "-breadcrumb-link {\n      color: var(--", "-color-text);\n      display: flex;\n      align-items: center;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text-secondary);\n    height: auto;\n    \n    &:hover {\n      background-color: transparent;\n    }\n  }\n  \n  .", "-breadcrumb-separator {\n    color: var(--", "-color-text);\n  }\n  \n  .", "-breadcrumb-overlay-link {\n    display: flex;\n    align-items: center;\n  }\n  \n  .", "-breadcrumb-dropdown {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    \n    .", "-avatar > img {\n      width: 20px;\n      height: 20px;\n    }\n  }\n  \n  .", "-breadcrumb-item-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  \n  .", "-breadcrumb-dropdown-title {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    \n    .", "-breadcrumb-dropdown-icon {\n      font-size: 16px !important;\n    }\n  }\n  \n  .", "-breadcrumb-dropdown-overlay {\n    display: flex;\n    justify-content: center;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -15,7 +15,7 @@ export interface SparkButtonProps extends ButtonProps {
      */
     type?: 'primary' | 'dashed' | 'link' | 'text' | 'default' | 'primaryLess' | 'textCompact';
     /**
-     * @description hover上去Popover的内容
+     * @description hover上去tooltip的内容
      * @descriptionEn content of the tooltip
      */
     tooltipContent?: string | ReactNode;

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

@@ -12,7 +12,7 @@ import { Button as AntdButton, ConfigProvider, theme } from 'antd';
 import classNames from 'classnames';
 import React, { forwardRef, useMemo } from 'react';
 import IconFont from "../IconFont";
-import Popover from "../Popover";
+import { Tooltip } from "../../..";
 
 // @ts-ignore
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -83,15 +83,15 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
           colorPrimaryActive: token.token.colorTextBase
         }
       },
-      children: /*#__PURE__*/_jsx(Popover, {
-        content: restProps.tooltipContent,
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        title: restProps.tooltipContent,
         children: button
       })
     });
     // @ts-ignore
   } else if (restProps.type === 'textCompact') {
-    return /*#__PURE__*/_jsx(Popover, {
-      content: restProps.tooltipContent,
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: restProps.tooltipContent,
       children: /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
         ref: ref,
         icon: icon,
@@ -107,8 +107,8 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
       }))
     });
   } else {
-    return /*#__PURE__*/_jsx(Popover, {
-      content: restProps.tooltipContent,
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: restProps.tooltipContent,
       children: button
     });
   }

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-card {\n  border-radius: 6px;\n  background-color: var(--", "-color-bg-base);\n  border: 1px solid var(--", "-color-border-secondary);\n}\n\n.", "-card {\n  transition: box-shadow 0.4s ease;\n  cursor: pointer;\n  \n  .", "-card-body {\n    padding: 0;\n  }\n  \n  &:hover {\n    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);\n  }\n}\n\n.", "-card-wrapper {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 16px;\n  gap: 4px;\n  \n  > *:only-child {\n    gap: 0;\n  }\n  \n  .", "-title {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    /* \u4E2D\u6027\u8272/color-text */\n    color: var(--", "-color-text);\n  }\n  \n  .", "-info {\n    font-size: 12px;\n    font-weight: normal;\n    line-height: 18px;\n    color: var(--", "-color-text-tertiary);\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-checkbox {\n  .", "-checkbox-wrapper-disabled {\n    .", "-checkbox-label {\n      color: var(--", "-color-text);\n    }\n  }\n  \n  .", "-checkbox-inner {\n    border: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-checkbox-wrapper:hover {\n    .", "-checkbox-inner {\n      border-color: var(--", "-color-border-secondary);\n    }\n  }\n  \n  .", "-checkbox-checked {\n    .", "-checkbox-inner {\n      border-color: var(--", "-color-primary);\n      background-color: var(--", "-color-primary);\n    }\n  }\n  \n  .", "-checkbox-checked.", "-checkbox-disabled {\n    .", "-checkbox-inner {\n      background-color: var(--", "-color-fill-disable);\n      border-color: var(--", "-color-fill-disable);\n      \n      &::after {\n        border-color: var(--", "-color-text-white);\n      }\n    }\n  }\n  \n  .", "-checkbox-disabled {\n    .", "-checkbox-inner {\n      background-color: var(--", "-color-fill-secondary);\n      border-color: var(--", "-color-fill-secondary);\n    }\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -63,9 +63,10 @@ export var beautifulJson = function beautifulJson() {
   return finalVal;
 };
 var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
+  var _context$theme;
   var commonConfig = getCommonConfig();
   var context = React.useContext(ConfigProvider.ConfigContext);
-  var isDarkMode = context.theme.algorithm === theme.darkAlgorithm;
+  var isDarkMode = ((_context$theme = context.theme) === null || _context$theme === void 0 ? void 0 : _context$theme.algorithm) === theme.darkAlgorithm;
   var sparkPrefix = commonConfig.sparkPrefix,
     antPrefix = commonConfig.antPrefix;
   var Style = useStyle();

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-code-block {\n  width: 100%;\n}\n\n.cm-theme {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n.cm-gutters {\n  border-right: none !important;\n  background-color: var(--", "-color-bg-base) !important;\n}\n\n.cm-editor {\n  background-color: var(--", "-color-bg-base) !important;\n}\n\n.cm-gutterElement:not(:first-child) {\n  color: var(--", "-color-text-tertiary);\n  height: 24px !important;\n  line-height: 24px !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  \n  span:not([title*=\"Unfold line\"]) {\n    height: 30px !important;\n  }\n}\n\n.cm-line {\n  height: 24px !important;\n  line-height: 24px !important;\n}\n\n.cm-lineNumbers .cm-gutterElement {\n  padding: 0px 4px 0px 12px !important;\n}\n\n.cm-activeLine,\n.cm-activeLineGutter {\n  background-color: var(--", "-color-fill-secondary) !important;\n}\n\n.cm-button {\n  background-image: none !important;\n  background: var(--", "-color-bg-base) !important;\n  border: 1px solid var(--", "-color-border-secondary) !important;\n  border-radius: 4px !important;\n  \n  &:hover {\n    color: var(--", "-color-text-secondary);\n    cursor: pointer;\n  }\n}\n\n.cm-search {\n  background: var(--", "-color-fill-secondary) !important;\n}\n\n.cm-panel.cm-search label {\n  display: inline-flex;\n  align-items: center;\n}\n\n.cm-panel.cm-search [name=close] {\n  right: 8px !important;\n  background: none !important;\n  font-size: 16px !important;\n  color: var(--", "-color-text-tertiary) !important;\n}\n\n.cm-textfield {\n  border-radius: 4px;\n}\n\n.cm-panel.cm-search input[type=checkbox] {\n  border: 1px solid var(--", "-color-border-secondary) !important;\n}\n\n.cm-focused {\n  outline: none !important;\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-collapse {\n  background-color: var(--", "-color-fill-tertiary);\n  border: 1px solid var(--", "-color-border-secondary);\n  border-radius: var(--", "-border-radius);\n  \n  .", "-collapse-content {\n    color: var(--", "-color-text);\n    background-color: var(--", "-color-bg-base);\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  & > .", "-collapse-item {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n    \n    & > .", "-collapse-header {\n      color: var(--", "-color-text);\n      font-weight: 500;\n      line-height: 24px;\n      align-items: center;\n      \n      .", "-collapse-expand-icon {\n        width: 32px;\n        height: 32px;\n        padding: 0;\n        justify-content: center;\n        margin-right: 8px;\n      }\n      \n      .", "-collapse-arrow {\n        font-size: 15px;\n      }\n      \n      .", "-collapse-extra {\n        height: 32px;\n        display: flex;\n        align-items: center;\n        margin-left: 8px;\n      }\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-collapse-panel {\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid var(--", "-color-border-secondary);\n  transition: all 0.3s ease;\n  background-color: var(--", "-color-bg-base);\n  \n  &.collapsible:not(.expanded) {\n    cursor: pointer;\n  }\n  \n  .", "-collapse-panel-header {\n    display: flex;\n    justify-content: space-between;\n    background: var(--", "-color-fill-secondary);\n    height: 32px;\n    line-height: 32px;\n    border-radius: 7px 7px 0 0;\n    align-items: center;\n    user-select: none;\n    position: relative;\n    cursor: pointer;\n    padding: 0 12px;\n    \n    .collapsible:hover & {\n      background: #f0f2f3;\n    }\n  }\n  \n  .", "-collapse-panel-extra {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    float: right;\n  }\n  \n  .", "-collapse-panel-title {\n    color: var(--", "-color-text);\n    font-size: 14px;\n    display: flex;\n  }\n  \n  .", "-collapse-panel-icon-wrapper {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: 4px;\n  }\n  \n  .", "-collapse-panel-icon {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n  }\n  \n  .", "-collapse-panel-content {\n    position: relative;\n    border-radius: 0 0 6px 6px;\n    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n  }\n  \n  .", "-collapse-panel-contentWrapper {\n    &.scrollable {\n      height: 100%;\n      overflow-y: auto;\n      scrollbar-width: thin;\n      scrollbar-color: var(--", "-color-fill) transparent;\n      \n      &::-webkit-scrollbar {\n        width: 6px;\n      }\n      \n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n      \n      &::-webkit-scrollbar-thumb {\n        background-color: var(--", "-color-fill);\n        border-radius: 3px;\n      }\n      \n      &::-webkit-scrollbar-thumb:hover {\n        background-color: var(--", "-color-fill);\n      }\n    }\n  }\n  \n  .", "-collapse-panel-mask {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 60px;\n    background: linear-gradient(\n      to bottom,\n      rgba(255, 255, 255, 0) 0%,\n      var(--", "-color-bg-base) 100%\n    );\n    pointer-events: none;\n    opacity: 1;\n    transition: opacity 0.3s ease;\n  }\n  \n  .", "-collapse-panel-expanded {\n    .", "-collapse-panel-mask {\n      opacity: 0;\n    }\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -22,6 +22,7 @@ import classNames from 'classnames';
 import { useContext, useLayoutEffect, useMemo, useState } from 'react';
 import { DEFAULT_SPARK_PREFIX, getCommonConfig, setCommonConfig } from "../../../config";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function SparkGlobalStyle() {
   // 使用统一的全局样式（包含 antd 样式 + 滚动条 + 动画）
@@ -52,8 +53,7 @@ function SparkConfigProvider(props) {
     setKey = _useState4[1];
   // 更新antd的class prefix
   var _getCommonConfig = getCommonConfig(),
-    antPrefix = _getCommonConfig.antPrefix,
-    sparkPrefix = _getCommonConfig.sparkPrefix;
+    antPrefix = _getCommonConfig.antPrefix;
   var _useContext = useContext(ConfigContext),
     parentTheme = _useContext.theme; // 父级ConfigProvider的theme（如有）
   var mergedPrefixCls = useMemo(function () {
@@ -81,13 +81,14 @@ function SparkConfigProvider(props) {
       }),
       iconfont: iconfont
     };
-    // 处理bl组件和spark的前缀
+    // 处理spark组件的前缀
     if (prefix.length) {
       newCommonConfig = _objectSpread(_objectSpread({}, newCommonConfig), {}, {
         sparkPrefix: "".concat(prefix, "-").concat(DEFAULT_SPARK_PREFIX),
         // spark组件的前缀
         prefix: prefix
       });
+      console.log('debug', "".concat(prefix, "-").concat(DEFAULT_SPARK_PREFIX));
     }
     setCommonConfig(_objectSpread(_objectSpread({}, newCommonConfig), {}, {
       isDarkMode: function () {
@@ -129,17 +130,19 @@ function SparkConfigProvider(props) {
     $i18n.updateLocale(((_props$locale2 = props.locale) === null || _props$locale2 === void 0 ? void 0 : _props$locale2.locale) || 'zh-cn'); // 默认为中文
     setKey(((_props$locale3 = props.locale) === null || _props$locale3 === void 0 ? void 0 : _props$locale3.locale) || 'defaultKey');
   }, [props.locale]);
-  return /*#__PURE__*/_jsxs(ConfigProvider, _objectSpread(_objectSpread({}, restProps), {}, {
+  return /*#__PURE__*/_jsx(ConfigProvider, _objectSpread(_objectSpread({}, restProps), {}, {
     theme: mergedTheme,
     prefixCls: mergedPrefixCls,
     wave: {
       disabled: true
     },
-    children: [/*#__PURE__*/_jsx(SparkGlobalStyle, {}), /*#__PURE__*/_jsx(App, {
+    children: /*#__PURE__*/_jsx(App, {
       className: classNames("spark", props.className),
       style: _objectSpread({}, props.style),
-      children: hasInit ? children : null
-    }, key)]
+      children: hasInit ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(SparkGlobalStyle, {}), children]
+      }) : null
+    }, key)
   }));
 }
 SparkConfigProvider.ConfigContext = ConfigProvider.ConfigContext;

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

@@ -1,6 +1,6 @@
 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";
+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    cursor: not-allowed;\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\n.", "-picker-selection-item {\n  border-radius: 4px;\n  background-color: var(--", "-color-mauve-bg) !important;\n}\n\n.", "-picker-selection-item-content {\n  color: var(--", "-color-mauve);\n}\n\n.", "-picker-selection-item-remove {\n  .anticon-close {\n    font-size: 14px;\n    color: var(--", "-color-mauve);\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-descriptions {\n  .", "-descriptions-item-label {\n    color: var(--", "-color-text-tertiary);\n  }\n  \n  .", "-descriptions-item-content {\n    color: var(--", "-color-text);\n  }\n  \n  .", "-descriptions-item-label,\n  .", "-descriptions-item-content {\n    line-height: 24px;\n  }\n}\n\n.", "-descriptions-vertical {\n  .", "-descriptions-item:has(.", "-descriptions-item-label) {\n    padding-bottom: var(--", "-descriptions-vertical-label-padding-bottom);\n  }\n  \n  .", "-descriptions-item:has(.", "-descriptions-item-content) {\n    padding-bottom: var(--", "-descriptions-vertical-content-padding-bottom);\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-drawer {\n  .", "-drawer-header {\n    padding: 16px 20px;\n    border-bottom: none;\n    \n    .", "-drawer-header-title {\n      display: flex;\n      flex-direction: row-reverse;\n      \n      .", "-drawer-title {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 28px;\n        color: var(--", "-color-text);\n      }\n      \n      .", "-drawer-close {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n  \n  .", "-drawer-body {\n    --", "-padding-lg: 20px;\n  }\n  \n  .", "-drawer-footer {\n    padding: 16px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-top: none;\n    \n    .", "-drawer-footer-info {\n      font-size: 14px;\n      line-height: 24px;\n      color: var(--", "-color-text-tertiary);\n    }\n    \n    .", "-drawer-footer-buttons {\n      display: flex;\n      gap: 12px;\n    }\n  }\n  \n  .", "-drawer-close {\n    color: var(--", "-color-text);\n    margin: 0;\n  }\n}\n\n.", "-drawer.", "-show-divider {\n  .", "-drawer-header {\n    border-bottom: 1px solid var(--", "-color-border-secondary);\n  }\n  \n  .", "-drawer-footer {\n    border-top: 1px solid var(--", "-color-border-secondary);\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-dropdown .", "-dropdown-menu .", "-dropdown-menu-item-icon {\n  font-size: var(--", "-font-size-lg);\n}\n\n.", "-dropdown-check-wrapper {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding-inline-end: calc(var(--", "-control-padding-horizontal) + var(--", "-font-size-sm));\n}\n\n.", "-dropdown-check-icon {\n  position: absolute;\n  opacity: 0;\n  font-size: 20px;\n  inset-inline-end: var(--", "-padding-xs);\n}\n\n.", "-dropdown .", "-dropdown-menu .", "-dropdown-menu-item.", "-dropdown-menu-item-selected {\n  background-color: transparent;\n  \n  .", "-dropdown-check-icon {\n    opacity: 1;\n  }\n}\n\n.", "-dropdown-menu-submenu-popup {\n  box-shadow: var(--", "-box-shadow);\n  border: 1px solid var(--", "-color-border-secondary);\n  border-radius: var(--", "-border-radius-lg);\n  overflow-y: auto;\n}\n\n/*\n.", "-dropdown-menu .", "-dropdown-menu-submenu {\n  box-shadow: var(--", "-box-shadow);\n  border: 1px solid var(--", "-color-border-secondary);\n}\n*/\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 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.style.js

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 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) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 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) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 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) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 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) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 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) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 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) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image {\n  border-radius: var(--", "-border-radius);\n  overflow: hidden;\n  \n  .", "-image-mask {\n    background-color: var(--", "-color-bg-mask);\n    \n    .", "-image-mask-info {\n      display: flex;\n      align-items: center;\n    }\n    \n    .", "-image-mask-info-text {\n      font-weight: 500;\n      line-height: 24px;\n    }\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-input-outlined,\n.", "-input-outlined.", "-input-disabled,\n.", "-input-outlined[disabled] {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-input-outlined {\n  background-color: var(--", "-color-bg-base);\n}\n\n.", "-input {\n  font-weight: 400;\n  border-radius: 6px;\n  \n  .", "-input-show-count-suffix,\n  .", "-input-data-count-suffix {\n    color: var(--", "-color-text-tertiary);\n  }\n  \n  &::placeholder {\n    color: var(--", "-color-text-tertiary);\n  }\n}\n\n/* prefix\u95F4\u8DDD */\n.", "-input-affix-wrapper {\n  .", "-input-prefix {\n    margin-inline-end: 8px;\n    color: var(--", "-color-text-tertiary);\n  }\n}\n\n.", "-input-affix-wrapper .", "-input-clear-icon {\n  font-size: 15px;\n}\n\n.", "-input-round {\n  border-radius: 999px;\n}\n\n.", "-text-area {\n  border-color: var(--", "-color-border-secondary);\n}\n\n.", "-input-sm {\n  height: 24px;\n  font-size: 12px;\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -55,7 +55,6 @@ var SparkModal = function SparkModal(props) {
         }), mergedCloseIcon]
       }),
       wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
-      wrapStyle: _objectSpread({}, props.wrapStyle),
       footer: mergedFooter,
       transitionName: ""
     }))]

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

@@ -1,6 +1,6 @@
 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";
+import createGlobalStyle from "../../../libs/createStyle";
 export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-modal {\n  .", "-modal-title {\n    min-height: 24px;\n  }\n  \n  .", "-modal-content {\n    padding: 0;\n    border: 1px solid var(--", "-color-border-secondary);\n    \n    .", "-modal-header {\n      padding: 18px 20px;\n      margin-bottom: 0;\n      \n      .", "-modal-title {\n        line-height: 28px;\n        \n        .", "-modal-title-wrapper {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          gap: 12px;\n          \n          .", "-modal-title {\n            flex: 1;\n          }\n          \n          .", "-modal-title-close {\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    \n    .", "-modal-body {\n      padding: 20px;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    .", "-modal-footer {\n      padding: 16px 20px;\n      margin-top: 0;\n      \n      .", "-modal-footer-wrapper {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        \n        .", "-modal-footer-info {\n          font-size: 14px;\n          font-weight: normal;\n          line-height: 24px;\n          color: var(--", "-color-text-tertiary);\n        }\n        \n        .", "-modal-footer-origin-node {\n          display: flex;\n          gap: 12px;\n        }\n      }\n    }\n    \n    .", "-modal-close {\n      width: 32px;\n      height: 32px;\n      top: 16px;\n      right: 16px;\n      \n      .", "-modal-close-icon {\n        color: var(--", "-color-text);\n      }\n      \n      &:hover {\n        background: none;\n      }\n    }\n  }\n}\n\n.", "-show-divider {\n  .", "-modal-content {\n    .", "-modal-header {\n      border-bottom: 1px solid var(--", "-color-border-secondary);\n    }\n    \n    .", "-modal-footer {\n      border-top: 1px solid var(--", "-color-border-secondary);\n    }\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {