@agentscope-ai/design 1.0.9 → 1.0.10

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

@@ -1,14 +1,14 @@
-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); }
 var _excluded = ["hideSwitchButton"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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); }
+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; }
-// import $i18n from '@/i18n';
 import { getCommonConfig } from "../../../config";
+import $i18n from "../../../i18n";
 import { SparkMoreLine } from '@agentscope-ai/icons';
 import { LeftOutlined, RightOutlined } from "@agentscope-ai/icons-override-antd";
 import { Flex, Pagination } from 'antd';
@@ -16,6 +16,45 @@ 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 DEFAULT_SHOW_SIZE_CHANGE = {
+  options: [{
+    label: "10 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 10
+  }, {
+    label: "20 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 20
+  }, {
+    label: "50 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 50
+  }, {
+    label: "100 ".concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Items',
+      dm: '条'
+    }), " / ").concat($i18n.get({
+      id: 'components.commonComponents.Pagination.Page',
+      dm: '页'
+    })),
+    value: 100
+  }]
+};
 export default (function (props) {
   var _props$hideSwitchButt = props.hideSwitchButton,
     hideSwitchButton = _props$hideSwitchButt === void 0 ? false : _props$hideSwitchButt,
@@ -41,7 +80,10 @@ export default (function (props) {
           children: /*#__PURE__*/_jsxs(Flex, {
             gap: 8,
             children: [/*#__PURE__*/_jsx(LeftOutlined, {}), ' ', /*#__PURE__*/_jsx("span", {
-              children: "Previous"
+              children: $i18n.get({
+                id: 'components.commonComponents.Pagination.PreviousPage',
+                dm: '上一页'
+              })
             })]
           })
         });
@@ -51,7 +93,10 @@ export default (function (props) {
           children: /*#__PURE__*/_jsxs(Flex, {
             gap: 8,
             children: [/*#__PURE__*/_jsx("span", {
-              children: "Next"
+              children: $i18n.get({
+                id: 'components.commonComponents.Pagination.NextPage',
+                dm: '下一页'
+              })
             }), ' ', /*#__PURE__*/_jsx(RightOutlined, {})]
           })
         });
@@ -60,26 +105,36 @@ export default (function (props) {
     };
     return sparkItemRender;
   };
-  var shouldShowSizeChanger = restProps.total && restProps.total > 50;
+  var shouldShowSizeChanger;
+  if (restProps.showSizeChanger !== null && restProps.showSizeChanger !== undefined) {
+    shouldShowSizeChanger = restProps.showSizeChanger;
+  } else {
+    shouldShowSizeChanger = restProps.total && restProps.total > 50;
+  }
+  var getMergedShowSizeChange = function getMergedShowSizeChange() {
+    if (props.showSizeChanger === true) {
+      // 用户手动设置为 true，使用预置选项
+      return DEFAULT_SHOW_SIZE_CHANGE;
+    }
+    if (props.showSizeChanger === false) {
+      // 用户手动设为 false
+      return false;
+    }
+    if (_typeof(props.showSizeChanger) === 'object' && props.showSizeChanger) {
+      // 用户手动传入的优先
+      return props.showSizeChanger;
+    }
+    if (restProps.total && restProps.total > 50) {
+      // 数据量大于 50，使用预置选项
+      return DEFAULT_SHOW_SIZE_CHANGE;
+    }
+    return false;
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Pagination, _objectSpread(_objectSpread({
       itemRender: mergedItemRender()
     }, restProps), {}, {
-      showSizeChanger: shouldShowSizeChanger ? {
-        options: [{
-          label: '10 Items / Pages',
-          value: 10
-        }, {
-          label: '20 Items / Pages',
-          value: 20
-        }, {
-          label: '50 Items / Pages',
-          value: 50
-        }, {
-          label: '100 Items / Pages',
-          value: 100
-        }]
-      } : false,
+      showSizeChanger: getMergedShowSizeChange(),
       className: "".concat(sparkPrefix, "-pagination")
     }))]
   });

package/lib/components/commonComponents/Pagination/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.", "-pagination {\n  color: var(--", "-color-text) !important;\n  \n  .", "-pagination-total-text {\n    font-weight: 500;\n  }\n  \n  .", "-select-selection-item {\n    font-weight: 500;\n  }\n  \n  .", "-pagination-item-active.", "-pagination-item {\n    border-color: var(--", "-color-border-secondary);\n    border-radius: 8px;\n    \n    a {\n      color: var(--", "-color-text) !important;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text) !important;\n  }\n  \n  .", "-pagination-jump-next {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .", "-pagination-jump-prev {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

package/lib/components/commonComponents/PromptsEditor/demo/basic.js

@@ -12,10 +12,11 @@ export default function Basic() {
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  return /*#__PURE__*/_jsx(PromptsEditor, {
-    onCreate: function onCreate() {
-      return alert(1);
-    },
+  return /*#__PURE__*/_jsx(PromptsEditor
+  // onCreate={() => alert(1)}
+  // tipsText={<div>english tips</div>}
+  , {
+    tipsText: false,
     value: value,
     onChange: setValue,
     maxLength: 5000,

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface PromptsEditorProps {
     /**
      * @description 可以输入内容的最大长度
@@ -36,7 +37,12 @@ export interface PromptsEditorProps {
      * @descriptionEn Text of the create variable button
      */
     createBtnText?: string;
+    /**
+     * @description 提示文本，传入 false 时隐藏提示
+     * @descriptionEn Text of the tips, set to false to hide the tips
+     */
+    tipsText?: string | React.ReactNode | false;
 }
 export declare const langExtensionsMap: Record<string, any[]>;
-declare const CodeMirrorWrapper: (props: PromptsEditorProps) => import("react/jsx-runtime").JSX.Element;
-export default CodeMirrorWrapper;
+declare const _default: React.MemoExoticComponent<(props: PromptsEditorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -22,7 +22,7 @@ import CodeMirror from '@uiw/react-codemirror';
 import { ConfigProvider, theme } from 'antd';
 import { createStyles } from 'antd-style';
 import classNames from 'classnames';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { memo, useEffect, useMemo, useState } from 'react';
 import VarRender from "./VarRender";
 import VarSelectInput from "./VarSelectInput";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ var useStyles = createStyles(function (_ref) {
     token = _ref.token;
   return {
     onCreate: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .cm-tooltip li:last-of-type {\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      height: 40px;\n      border-top: 1px solid ", ";\n      border-radius: 0 !important;\n      background-color: ", " !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 !important;\n    }\n\n    .cm-tooltip ul {\n      margin-bottom: 40px !important;\n    }\n\n    .cm-tooltip li:first-of-type {\n      border-top: none !important;\n    }\n  "])), token.colorBorderSecondary, token.colorBgContainer),
-    cm: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .cm-line {\n      color: ", ";\n    }\n    .cm-line span {\n      color: ", ";\n    }\n\n    .cm-editor {\n      position: absolute !important;\n      background-color: transparent !important;\n\n      top: 0;\n      left: 8px;\n      right: 0;\n      bottom: 30px;\n    }\n    .cm-focused {\n      outline: none;\n    }\n\n    .cm-content {\n      width: 100%;\n      padding: 8px 0;\n      white-space: break-spaces;\n    }\n\n    .cm-line {\n      line-height: 24px;\n    }\n\n    .cm-prompt-var {\n      font-size: inherit;\n      color: ", " !important;\n      background-color: ", " !important;\n      line-height: 1.7;\n      font-weight: 500;\n      margin: 0 2px;\n      height: 24px;\n      display: inline-flex;\n      padding: 0 4px;\n      border-radius: 4px;\n    }\n\n    .cm-tooltip {\n      position: relative;\n      background-color: ", ";\n      border: 0;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0px 3px 12px 0px rgba(47, 49, 51, 0.12);\n    }\n\n    .cm-tooltip ul {\n      max-height: 17em !important;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .cm-tooltip li {\n      margin: 4px 8px;\n      height: 32px;\n      padding: 0 12px !important;\n      flex: 0 0 32px;\n      display: flex;\n      align-items: center;\n    }\n\n    .cm-tooltip-autocomplete ul li[aria-selected] {\n      border-radius: 6px;\n      font-weight: 600;\n      color: ", ";\n      background-color: ", ";\n    }\n\n    .cm-completionInfo-right {\n      display: none;\n    }\n\n    .cm-completionIcon {\n      display: none;\n    }\n  "])), token.colorTextSecondary, token.colorBlue, token.colorPurple, token.colorPurpleBg, token.colorBgContainer, token.colorText, token.colorFillSecondary),
+    cm: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .cm-line {\n      color: ", ";\n    }\n    .cm-line span {\n      color: ", ";\n    }\n\n    .cm-editor {\n      position: absolute !important;\n      background-color: transparent !important;\n\n      top: 0;\n      left: 8px;\n      right: 0;\n      bottom: 30px;\n    }\n    .cm-focused {\n      outline: none;\n    }\n\n    .cm-content {\n      width: 100%;\n      padding: 8px 0;\n      white-space: break-spaces;\n    }\n\n    .cm-line {\n      line-height: 24px;\n      height: auto !important;\n    }\n\n    .cm-prompt-var {\n      font-size: inherit;\n      color: ", " !important;\n      background-color: ", " !important;\n      line-height: 1.7;\n      font-weight: 500;\n      margin: 0 2px;\n      height: 24px;\n      display: inline-flex;\n      padding: 0 4px;\n      border-radius: 4px;\n    }\n\n    .cm-tooltip {\n      position: relative;\n      background-color: ", ";\n      border: 0;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0px 3px 12px 0px rgba(47, 49, 51, 0.12);\n    }\n\n    .cm-tooltip ul {\n      max-height: 17em !important;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .cm-tooltip li {\n      margin: 4px 8px;\n      height: 32px;\n      padding: 0 12px !important;\n      flex: 0 0 32px;\n      display: flex;\n      align-items: center;\n    }\n\n    .cm-tooltip-autocomplete ul li[aria-selected] {\n      border-radius: 6px;\n      font-weight: 600;\n      color: ", ";\n      background-color: ", ";\n    }\n\n    .cm-completionInfo-right {\n      display: none;\n    }\n\n    .cm-completionIcon {\n      display: none;\n    }\n  "])), token.colorTextSecondary, token.colorBlue, token.colorPurple, token.colorPurpleBg, token.colorBgContainer, token.colorText, token.colorFillSecondary),
     root: {
       position: 'relative',
       minHeight: 300,
@@ -68,7 +68,7 @@ export var langExtensionsMap = {
   markdown: [markdown()]
 };
 var empty = [];
-var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
+var Editor = function Editor(props) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var variables = props.variables || empty;
@@ -103,6 +103,17 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
       setReady(false);
     };
   }, []);
+  var tips = React.useMemo(function () {
+    if (props.tipsText === false) return /*#__PURE__*/_jsx("div", {
+      className: styles.tips
+    });
+    return props.tipsText ? props.tipsText : /*#__PURE__*/_jsxs("div", {
+      className: styles.tips,
+      children: ["\u8F93\u5165\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
+        size: 16
+      }), " \u56DE\u8F66\u65B0\u589E"]
+    });
+  }, [props.tipsText]);
   if (!ready) return null;
   return /*#__PURE__*/_jsxs("div", {
     className: styles.root,
@@ -120,15 +131,10 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
       }
     }, getTheme), /*#__PURE__*/_jsxs("div", {
       className: styles.footer,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: styles.tips,
-        children: ["\u8F93\u5165\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
-          size: 16
-        }), " \u56DE\u8F66\u65B0\u589E"]
-      }), props.maxLength ? /*#__PURE__*/_jsxs("div", {
+      children: [tips, props.maxLength ? /*#__PURE__*/_jsxs("div", {
         children: [props.value.length, "/", props.maxLength]
       }) : null]
     })]
   });
 };
-export default CodeMirrorWrapper;
+export default /*#__PURE__*/memo(Editor);

package/lib/components/commonComponents/RadioButton/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.", "-radio-button-wrapper {\n  border: none;\n  background-color: transparent;\n  border-radius: 6px;\n  \n  &:first-child {\n    border-inline-start: initial;\n  }\n  \n  &::before {\n    display: none !important;\n  }\n  \n  &:not(:last-child) {\n    margin-right: 12px;\n  }\n}\n\n.", "-radio-group-ghost {\n  .", "-radio-button-wrapper-checked {\n    &:not(.", "-radio-button-wrapper-disabled) {\n      color: var(--", "-color-primary);\n      background-color: var(--", "-color-primary-bg);\n      \n      .", "-radio-button-wrapper-checked {\n        background-color: var(--", "-color-primary-bg);\n      }\n    }\n    \n    &.", "-radio-button-wrapper-disabled {\n      &:hover {\n        background-color: var(--", "-color-fill-tertiary);\n      }\n    }\n  }\n}\n\n.", "-radio-group-bordered {\n  .", "-radio-button-wrapper {\n    border: var(--", "-line-width) var(--", "-line-type) var(--", "-color-border);\n    \n    &:not(:first-child) {\n      border-inline-start-width: 1px;\n    }\n  }\n}\n\n.", "-radio-button-wrapper-disabled {\n  color: var(--", "-color-text-tertiary);\n  background-color: transparent;\n  \n  &:hover {\n    color: var(--", "-color-text-tertiary);\n    background-color: transparent;\n  }\n}\n\n.", "-radio-button-wrapper-checked.", "-radio-button-wrapper-disabled {\n  color: var(--", "-color-text-tertiary);\n  background-color: var(--", "-color-fill-tertiary);\n  \n  &:hover {\n    color: var(--", "-color-text-tertiary);\n    background-color: var(--", "-color-fill-tertiary);\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

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

@@ -1,4 +1,4 @@
 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/* No styles needed for Result component */\n"])));

package/lib/components/commonComponents/SlateEditor/elements/index.style.js

@@ -1,4 +1,4 @@
 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.spark-editor-var-tag {\n  padding: 0 6px;\n  line-height: 24px;\n  font-size: 12px;\n  margin: 0 2px;\n  background: rgba(205, 208, 220, 0.2);\n  border-radius: 6px;\n  height: 24px;\n  display: inline-block;\n}\n"])));

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

@@ -1,4 +1,4 @@
 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.text-editor {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  border-radius: 5px;\n  \n  &-content {\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n  \n  .text-editor-content {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    \n    div[data-slate-node=\"element\"] {\n      margin: 0px !important;\n    }\n  }\n}\n\n/* \u6587\u672C\u65E0\u6CD5\u9009\u4E2D\u7684\u6837\u5F0F */\n.text-editor-user-select-none {\n  user-select: none;\n}\n"])));

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

@@ -16,17 +16,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function SliderSelector(props) {
-  var _props$sliderProps;
+  var _props$sliderProps, _Object$keys;
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
+  console.log('debug sparkPrefix in SliderSelector', sparkPrefix);
   var styles = props.styles,
     classNames = props.classNames,
     sliderProps = props.sliderProps,
     inputNumberProps = props.inputNumberProps,
     restProps = _objectWithoutProperties(props, _excluded);
   var Style = useStyle();
-  var mergedMarks = props.marks || ((_props$sliderProps = props.sliderProps) === null || _props$sliderProps === void 0 ? void 0 : _props$sliderProps.marks) || _defineProperty(_defineProperty({}, props.min, props.min), props.max, props.max);
-  var hasMarks = Object.keys(mergedMarks).length > 0;
+  var originalMarks = props.marks || ((_props$sliderProps = props.sliderProps) === null || _props$sliderProps === void 0 ? void 0 : _props$sliderProps.marks) || null;
+  var mergedMarks = originalMarks || _defineProperty(_defineProperty({}, props.min, props.min), props.max, props.max);
+  var hasMarks = originalMarks && ((_Object$keys = Object.keys(originalMarks)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0;
   var onNumberChange = function onNumberChange(val) {
     /**InputNumber为受控组件，会导致min和max失效，所以需要手动处理 */
     var numVal = typeof val === 'string' ? parseFloat(val) : val;
@@ -45,7 +47,7 @@ export default function SliderSelector(props) {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
       style: styles === null || styles === void 0 ? void 0 : styles.wrapper,
-      className: classnames("".concat(sparkPrefix, "-slider-selector"), _defineProperty({}, "".concat(sparkPrefix, "-slider-selector-has-marks"), hasMarks), classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
+      className: classnames("".concat(sparkPrefix, "-slider-input"), _defineProperty({}, "".concat(sparkPrefix, "-slider-input-has-marks"), hasMarks), classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
       onMouseUp: function onMouseUp() {
         var _props$onBlur;
         // @ts-ignore

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

@@ -1,7 +1,7 @@
 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.", "-slider-selector {\n  display: flex;\n  gap: 16px;\n  height: 32px;\n  box-sizing: content-box;\n  &.", "-slider-selector-has-marks {\n    padding: 12px;\n  }\n  .", "-slider {\n    flex: 1;\n    \n    &.", "-slider-horizontal.", "-slider-with-marks {\n      margin: 0;\n    }\n  }\n  \n  .", "-input-number {\n    height: 100%;\n  }\n  \n  .", "-input-number .", "-input-number-outlined {\n    margin-top: 16px;\n  }\n  \n  .", "-slider-dot {\n    opacity: 0;\n  }\n}\n"])), function (p) {
+import createGlobalStyle from "../../../../libs/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider-input {\n  display: flex;\n  gap: 16px;\n  height: 32px;\n  box-sizing: content-box;\n  align-items: center;\n  &.", "-slider-input-has-marks {\n    padding: 12px;\n  }\n  .", "-slider {\n    flex: 1;\n    \n    &.", "-slider-horizontal.", "-slider-with-marks {\n      margin: 0;\n    }\n  }\n  \n  .", "-input-number {\n    height: 100%;\n  }\n  \n  .", "-input-number .", "-input-number-outlined {\n    margin-top: 16px;\n  }\n  \n  .", "-slider-dot {\n    opacity: 0;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.sparkPrefix;

package/lib/components/commonComponents/Slider/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.", "-slider.", "-slider.", "-slider-no-marks {\n  margin: 0;\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

package/lib/components/commonComponents/SliderSelector/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.", "-slider-selector {\n  display: flex;\n  gap: 16px;\n  height: 32px;\n  margin: 12px;\n  \n  .", "-slider {\n    flex: 1;\n    \n    &.", "-slider-horizontal.", "-slider-with-marks {\n      margin: 0;\n    }\n  }\n  \n  .", "-input-number {\n    flex: 1;\n    width: 100%;\n    height: 100%;\n  }\n  \n  .", "-input-number .", "-input-number-outlined {\n    margin-top: 16px;\n  }\n  \n  .", "-slider-dot {\n    opacity: 0;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

package/lib/components/commonComponents/Spinner/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 loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.", "-spinner {\n  display: inline-block;\n  \n  .", "-indicator {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    \n    .", "-default-indicator {\n      width: 40px;\n      height: 40px;\n      animation: loading 1s linear infinite;\n    }\n  }\n  \n  .", "-title {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    color: var(--", "-color-text);\n  }\n}\n\n.", "-spinner-overlay {\n  position: relative;\n  display: inline-block;\n  \n  .", "-spinner-content.", "-spinning {\n    position: relative;\n    opacity: 0.3;\n  }\n  \n  .", "-spinner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    z-index: 4;\n  }\n}\n\n/* \n.", "-spinner-mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  z-index: 4;\n}\n\n.", "-indicator {\n  margin-bottom: 8px;\n}\n\n.", "-title {\n  color: var(--", "-color-text);\n}\n*/\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

package/lib/components/commonComponents/Statistic/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.", "-statistic {\n  .", "-statistic-title {\n    color: var(--", "-color-text-tertiary);\n    line-height: 24px;\n    margin-bottom: 0;\n  }\n  \n  .", "-statistic-content {\n    color: var(--", "-color-text);\n    line-height: 36px;\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

package/lib/components/commonComponents/Steps/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.", "-steps {\n  .", "-steps-item-container {\n    display: flex;\n    flex-direction: row;\n  }\n  \n  .", "-steps-item:not(.", "-steps-item-active):not(.", "-steps-item-process) {\n    .", "-steps-item-container {\n      &:hover {\n        .", "-steps-item-icon {\n          border-color: transparent !important;\n        }\n      }\n    }\n  }\n  \n  .", "-steps-item-icon {\n    font-size: 14px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--", "-color-border-secondary);\n  }\n  \n  .", "-steps-item-finish {\n    .", "-steps-item-icon {\n      height: 20px !important;\n    }\n    \n    .", "-steps-icon {\n      max-width: 20px;\n      max-height: 20px;\n      font-size: 16px !important;\n      line-height: 20px !important;\n      top: -0.5px !important;\n      \n      .", "-finish-icon {\n        background-color: var(--", "-color-primary-bg);\n        border-radius: 50%;\n        font-size: 16px !important;\n        width: 20px;\n        height: 20px;\n        color: var(--", "-color-primary);\n      }\n    }\n  }\n  \n  .", "-steps-item-title {\n    padding-inline-end: 8px;\n    line-height: 20px;\n    color: var(--", "-color-text) !important;\n    font-size: 14px;\n    font-weight: 500;\n    \n    &::after {\n      background-color: var(--", "-color-border-secondary) !important;\n      height: 1px;\n      background: var(--", "-color-border-secondary);\n    }\n  }\n  \n  .", "-steps-item-description {\n    font-size: 12px;\n    line-height: 20px;\n    color: var(--", "-color-text-tertiary) !important;\n  }\n  \n  .", "-steps-item-wait {\n    .", "-steps-item-icon {\n      background-color: var(--", "-color-primary-bg);\n    }\n  }\n  \n  &.", "-steps-horizontal:not(.", "-steps-label-vertical) {\n    .", "-steps-item {\n      padding-inline-start: 8px;\n    }\n  }\n}\n\n.", "-steps-vertical {\n  display: flex;\n  min-height: 182px;\n  align-items: center;\n  justify-content: center;\n  \n  .", "-steps-item {\n    .", "-steps-item-icon {\n      margin-inline-end: 9px !important;\n    }\n  }\n  \n  .", "-steps-item-tail::after {\n    width: 1px !important;\n    background-color: var(--", "-color-border-secondary) !important;\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -8,7 +8,6 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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; }
 import { Flex, Switch } from 'antd';
-import classNames from 'classnames';
 import { getCommonConfig } from "../../../config";
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -25,9 +24,10 @@ export default (function (props) {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs(Flex, {
       align: "center",
       gap: 8,
+      className: className,
       children: [/*#__PURE__*/_jsx(Switch, _objectSpread(_objectSpread({}, restProps), {}, {
-        className: classNames("".concat(sparkPrefix, "-switch"), className)
-      })), /*#__PURE__*/_jsx("span", {
+        className: "".concat(sparkPrefix, "-switch")
+      })), label && /*#__PURE__*/_jsx("span", {
         className: "".concat(sparkPrefix, "-switch-label"),
         children: label
       })]

package/lib/components/commonComponents/Switch/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.", "-switch {\n  background: var(--", "-color-primary-bg);\n  background-image: none !important;\n  \n  &.", "-switch-checked {\n    background: var(--", "-color-primary);\n  }\n  \n  &.", "-switch-disabled {\n    opacity: 1;\n    background: var(--", "-color-fill-disable);\n    \n    &.", "-switch-checked {\n      background: var(--", "-color-primary-border-hover);\n    }\n  }\n}\n\n.", "-switch-label {\n  font-size: 14px;\n  font-weight: 500;\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {

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

@@ -25,15 +25,7 @@ var App = function App() {
   var columns = [{
     title: 'Title',
     dataIndex: 'title',
-    key: 'title',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        style: {
-          fontWeight: 500
-        },
-        children: text
-      });
-    }
+    key: 'title'
   }, {
     title: 'Content',
     dataIndex: 'content',

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

@@ -31,15 +31,7 @@ var App = function App() {
   var columns = [{
     title: 'Title',
     dataIndex: 'title',
-    key: 'title',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        style: {
-          fontWeight: 500
-        },
-        children: text
-      });
-    }
+    key: 'title'
   }, {
     title: 'Content',
     dataIndex: 'content',

package/lib/components/commonComponents/Table/demo/demo3.js

@@ -31,15 +31,7 @@ var App = function App() {
   var columns = [{
     title: 'Title',
     dataIndex: 'title',
-    key: 'title',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        style: {
-          fontWeight: 500
-        },
-        children: text
-      });
-    }
+    key: 'title'
   }, {
     title: 'Content',
     dataIndex: 'content',

package/lib/components/commonComponents/Table/demo/demo4.js

@@ -33,15 +33,7 @@ var App = function App() {
   }, {
     title: 'Title',
     dataIndex: 'title',
-    key: 'title',
-    render: function render(text) {
-      return /*#__PURE__*/_jsx("span", {
-        style: {
-          fontWeight: 500
-        },
-        children: text
-      });
-    }
+    key: 'title'
   }, {
     title: 'Content',
     dataIndex: 'content',

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

@@ -1,2 +1,2 @@
 import { TableProps } from 'antd';
-export default function BLTable<T = any>(props: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function Table<T = any>(props: TableProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -15,7 +15,7 @@ import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function BLTable(props) {
+export default function Table(props) {
   var _columns;
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;

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

@@ -1,7 +1,7 @@
 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.", "-table {\n  &.", "-table-wrapper {\n    .", "-table-container {\n      .", "-table-thead > tr > th {\n        padding: 8px 20px;\n        font-weight: 400;\n        color: var(--", "-color-text-secondary);\n      }\n      \n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: 0;\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: 0;\n      }\n      \n      .", "-table-thead > tr > th:not(:last-child):not(.sps-table-selection-column):not(.sps-table-row-expand-icon-cell):not([colspan])::before {\n        display: none;\n      }\n      \n      .", "-table-tbody > tr > td {\n        padding: 16px 20px;\n      }\n    }\n  }\n}\n"])), function (p) {
+import createGlobalStyle from "../../../libs/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table {\n  &.", "-table-wrapper {\n    .", "-table-container {\n      .", "-table-thead > tr > th {\n        padding: 8px 20px;\n        font-weight: 400;\n        color: var(--", "-color-text-secondary);\n      }\n      \n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: 0;\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: 0;\n      }\n      \n      .", "-table-thead > tr > th:not(:last-child):not(.", "-table-selection-column):not(.", "-table-row-expand-icon-cell):not([colspan])::before {\n            display: none;\n          }\n    \n      .", "-table-tbody > tr > td {\n        padding: 16px 20px;\n      }\n      \n      .", "-table-tbody > tr {\n        & > td:not(.", "-table-selection-column):first-child,\n        & > td.", "-table-selection-column + td:not(\n        .", "-table-selection-column) {\n          font-weight: 500;\n        }\n      }\n    }\n      \n    .", "-table-small {\n      .", "-table-tbody > tr > td {\n        padding: 8px 20px;\n      }\n    }\n  }\n}\n"])), function (p) {
   return p.sparkPrefix;
 }, function (p) {
   return p.antPrefix;
@@ -15,4 +15,20 @@ export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _t
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
 });

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

@@ -69,7 +69,9 @@ var SparkTabs = function SparkTabs(props) {
     });
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tabs, _objectSpread({}, restProps))]
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({}, props), {}, {
+      type: type
+    }))]
   });
 };
 SparkTabs.TabPane = Tabs.TabPane;

package/lib/components/commonComponents/Tabs/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.", "-tabs {\n  .", "-tabs-tab.", "-tabs-tab-active .", "-tabs-tab-btn {\n    color: var(--", "-color-text);\n    font-weight: 500;\n  }\n  \n  .", "-tabs-tab .", "-tabs-tab-btn {\n    color: var(--", "-color-text);\n    font-weight: 400;\n  }\n  \n  .", "-tabs-ink-bar {\n    background: var(--", "-color-primary);\n  }\n}\n\n.", "-tabs-nav::before {\n  display: none !important;\n}\n\n.", "-segmented-item {\n  &::after {\n    background: none !important;\n    opacity: 1 !important;\n  }\n  \n  .", "-segmented-item-label {\n    font-weight: 500;\n    color: var(--", "-color-text);\n  }\n}\n\n.", "-segmented-tab-bar {\n  margin-bottom: 16px;\n  background: var(--", "-color-fill-tertiary);\n  align-self: baseline;\n  \n  &.", "-segmented-tab-bar-centered {\n    align-self: center;\n  }\n}\n"])), function (p) {
   return p.antPrefix;
 }, function (p) {

package/lib/components/commonComponents/Tag/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.", "-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) {

package/lib/components/commonComponents/TimePicker/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    \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) {

package/lib/components/commonComponents/Tooltip/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/* \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) {