@agentscope-ai/design 1.0.8 → 1.0.9

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

@@ -12,21 +12,30 @@ import { getCommonConfig } from "../../../config";
 import { SparkMoreLine } from '@agentscope-ai/icons';
 import { LeftOutlined, RightOutlined } from "@agentscope-ai/icons-override-antd";
 import { Flex, Pagination } from 'antd';
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default (function (props) {
   var _props$hideSwitchButt = props.hideSwitchButton,
     hideSwitchButton = _props$hideSwitchButt === void 0 ? false : _props$hideSwitchButt,
     restProps = _objectWithoutProperties(props, _excluded);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   var mergedItemRender = function mergedItemRender() {
-    if (hideSwitchButton || props.itemRender) {
-      return props.itemRender;
-    }
     var sparkItemRender = function sparkItemRender(_, type, originalElement) {
+      // 优先处理省略号替换
+      if (type === 'jump-prev' || type === 'jump-next') {
+        // 替换省略号为自定义图标
+        return /*#__PURE__*/_jsx(SparkMoreLine, {
+          className: "".concat(sparkPrefix, "-jump-next-icon")
+        });
+      }
+      // 如果禁用了切换按钮或者有自定义的itemRender，则不处理上一页下一页按钮
+      if (hideSwitchButton || props.itemRender) {
+        return originalElement;
+      }
       if (type === 'prev') {
         return /*#__PURE__*/_jsx("a", {
           children: /*#__PURE__*/_jsxs(Flex, {
@@ -47,35 +56,31 @@ export default (function (props) {
           })
         });
       }
-      if (type === 'jump-prev' || type === 'jump-next') {
-        // 替换省略号为自定义图标
-        return /*#__PURE__*/_jsx(SparkMoreLine, {
-          className: "".concat(sparkPrefix, "-jump-next-icon")
-        });
-      }
       return originalElement;
     };
     return sparkItemRender;
   };
   var shouldShowSizeChanger = restProps.total && restProps.total > 50;
-  return /*#__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,
-    className: "".concat(sparkPrefix, "-pagination")
-  }));
+  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,
+      className: "".concat(sparkPrefix, "-pagination")
+    }))]
+  });
 });

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

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

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

@@ -1,42 +1,26 @@
-var _excluded = ["css"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var antPrefix = params.antPrefix,
-    sparkPrefix = params.sparkPrefix;
-  return _defineProperty({}, ".".concat(sparkPrefix, "-pagination"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    color: "var(--".concat(sparkPrefix, "-color-text) !important")
-  }, ".".concat(antPrefix, "-pagination-total-text"), {
-    fontWeight: 500
-  }), ".".concat(antPrefix, "-select-selection-item"), {
-    fontWeight: 500
-  }), ".".concat(antPrefix, "-pagination-item-active.").concat(antPrefix, "-pagination-item"), {
-    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)"),
-    borderRadius: 8,
-    a: {
-      color: "var(--".concat(antPrefix, "-color-text) !important")
-    }
-  }), "a", {
-    color: "var(--".concat(antPrefix, "-color-text) !important")
-  }), ".".concat(antPrefix, "-pagination-jump-next"), {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }), ".".concat(antPrefix, "-pagination-jump-prev"), {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }));
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import createGlobalStyle from "../../../libs/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-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) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

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

@@ -0,0 +1,13 @@
+import { Button, Popconfirm } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(Popconfirm, {
+    title: "Title here",
+    description: "Descriptive content explaining the action or outcome.",
+    children: /*#__PURE__*/_jsx(Button, {
+      children: "Open Popconfirm"
+    })
+  });
+};
+export default App;

package/lib/components/commonComponents/Popconfirm/demo/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

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

@@ -0,0 +1,49 @@
+import { Button, Popconfirm } from "../../../..";
+import { Flex } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: 24,
+    children: [/*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "info",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Info"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "success",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Success"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "warning",
+      okText: "Primary Danger",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Warning"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      type: "error",
+      okText: "Primary Danger",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Error"
+      })
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      title: "Title here",
+      description: "Descriptive content explaining the action or outcome.",
+      children: /*#__PURE__*/_jsx(Button, {
+        children: "Confirm"
+      })
+    })]
+  });
+};
+export default App;

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

@@ -1,5 +1,12 @@
 import { PopconfirmProps } from 'antd';
 import React from 'react';
-declare const SparkPopconfirm: React.ForwardRefExoticComponent<PopconfirmProps & React.RefAttributes<any>>;
+export interface SparkPopconfirmProps extends PopconfirmProps {
+    /**
+     * @description 类型
+     * @descriptionEn type of the popconfirm
+     * @default 'confirm'
+     */
+    type?: 'info' | 'warning' | 'error' | 'success' | 'confirm';
+}
+declare const SparkPopconfirm: React.ForwardRefExoticComponent<SparkPopconfirmProps & React.RefAttributes<any>>;
 export default SparkPopconfirm;
-export type SparkPopconfirmProps = PopconfirmProps;

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

@@ -1,5 +1,5 @@
 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 = ["icon"];
+var _excluded = ["icon", "type", "okButtonProps"];
 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; }
@@ -8,22 +8,64 @@ 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 { getCommonConfig } from "../../..";
-import { ExclamationCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from '@agentscope-ai/icons-override-antd';
 import { Popconfirm } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var SparkPopconfirm = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var commonConfig = getCommonConfig();
-  var antPrefix = commonConfig.antPrefix;
   var icon = props.icon,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'confirm' : _props$type,
+    okButtonProps = props.okButtonProps,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({}, rest), {}, {
-    ref: ref,
-    icon: icon || /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+  var _getCommonConfig = getCommonConfig(),
+    antPrefix = _getCommonConfig.antPrefix;
+  var getMergedIcon = function getMergedIcon() {
+    if (icon) return icon;
+    if (type === 'confirm') return /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-warning)")
+      }
+    });
+    if (type === 'info') return /*#__PURE__*/_jsx(InfoCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-info)")
+      }
+    });
+    if (type === 'warning') return /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-warning)")
+      }
+    });
+    if (type === 'error') return /*#__PURE__*/_jsx(CloseCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-error)")
+      }
+    });
+    if (type === 'success') return /*#__PURE__*/_jsx(CheckCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-success)")
+      }
+    });
+    return /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
       style: {
         color: "var(--".concat(antPrefix, "-color-warning)")
       }
-    })
+    });
+  };
+  var getMergedOkButtonProps = function getMergedOkButtonProps() {
+    var innerOkButtonProps = {};
+    if (['warning', 'error'].includes(type)) {
+      innerOkButtonProps.danger = true;
+    }
+    return _objectSpread(_objectSpread({}, innerOkButtonProps), okButtonProps || {});
+  };
+  return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    icon: getMergedIcon()
+    // @ts-ignore
+    ,
+    okButtonProps: getMergedOkButtonProps()
   }));
 });
 export default SparkPopconfirm;

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

@@ -31,8 +31,8 @@ var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    onCreate: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .\u037C2 .cm-tooltip li:last-of-type,\n    .\u037C3 .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    .\u037C2 .cm-tooltip ul,\n    .\u037C3 .cm-tooltip ul {\n      margin-bottom: 40px !important;\n    }\n\n    .\u037C2 .cm-tooltip li:first-of-type,\n    .\u037C3 .cm-tooltip li:first-of-type {\n      border-top: none !important;\n    }\n  "])), token.colorBorderSecondary, token.colorBgContainer),
-    cm: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .\u037Cs \u037Cy,\n    .\u037Cs,\n    .\u037Cy {\n      color: ", " !important;\n    }\n\n    .\u037Co {\n      color: ", " !important;\n    }\n\n    .\u037C16 {\n      background-color: transparent !important;\n    }\n\n    .cm-editor {\n      position: absolute !important;\n      top: 0;\n      left: 8px;\n      right: 0;\n      bottom: 30px;\n    }\n    .cm-focused {\n      outline: none;\n    }\n\n    .\u037C1 .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: ", ";\n      background-color: ", ";\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    .\u037C2 .cm-tooltip,\n    .\u037C3 .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    .\u037C2 .cm-tooltip ul,\n    .\u037C3 .cm-tooltip ul {\n      max-height: 17em !important;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .\u037C2 .cm-tooltip li,\n    .\u037C3 .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    .\u037C2 .cm-tooltip-autocomplete ul li[aria-selected],\n    .\u037C3 .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    .\u037C1 .cm-completionIcon {\n      display: none;\n    }\n  "])), token.colorBlue, token.colorTextSecondary, token.colorPurple, token.colorPurpleBg, token.colorBgContainer, token.colorText, token.colorFillSecondary),
+    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),
     root: {
       position: 'relative',
       minHeight: 300,

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

@@ -7,8 +7,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { getCommonConfig } from "../../../config";
 import { Radio } from 'antd';
 import cls from 'classnames';
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (function (props) {
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix,
@@ -19,14 +21,11 @@ export default (function (props) {
     bordered = _props$bordered === void 0 ? false : _props$bordered,
     _props$ghost = props.ghost,
     ghost = _props$ghost === void 0 ? true : _props$ghost;
-  useIndexStyle({
-    gap: gap,
-    bordered: bordered,
-    sparkPrefix: sparkPrefix,
-    antPrefix: antPrefix
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, props), {}, {
+      className: cls(props.className, props.bordered ? "".concat(sparkPrefix, "-radio-group-bordered") : '', ghost ? "".concat(antPrefix, "-radio-group-ghost") : ''),
+      optionType: "button"
+    }))]
   });
-  return /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, props), {}, {
-    className: cls(props.className, props.bordered ? "".concat(sparkPrefix, "-radio-group-bordered") : '', ghost ? "".concat(antPrefix, "-radio-group-ghost") : ''),
-    optionType: "button"
-  }));
 });

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

@@ -1,72 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        border: string;
-        backgroundColor: string;
-        '&:first-child': {
-            'border-inline-start': string;
-        };
-        borderRadius: string;
-        '&::before': {
-            display: string;
-        };
-        '&:not(:last-child)': {
-            marginRight: string;
-        };
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        [x: string]: {
-            [x: string]: {
-                [x: string]: string | {
-                    backgroundColor: string;
-                };
-                color: string;
-                backgroundColor: string;
-                '&:hover'?: undefined;
-            } | {
-                '&:hover': {
-                    backgroundColor: string;
-                };
-                color?: undefined;
-                backgroundColor?: undefined;
-            };
-        };
-        border?: undefined;
-        backgroundColor?: undefined;
-        '&:first-child'?: undefined;
-        borderRadius?: undefined;
-        '&::before'?: undefined;
-        '&:not(:last-child)'?: undefined;
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        [x: string]: {
-            border: string;
-            '&:not(:first-child)': {
-                'border-inline-start-width': string;
-            };
-        };
-        border?: undefined;
-        backgroundColor?: undefined;
-        '&:first-child'?: undefined;
-        borderRadius?: undefined;
-        '&::before'?: undefined;
-        '&:not(:last-child)'?: undefined;
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        color: string;
-        backgroundColor: string;
-        '&:hover': {
-            color: string;
-            backgroundColor: string;
-        };
-        border?: undefined;
-        '&:first-child'?: undefined;
-        borderRadius?: undefined;
-        '&::before'?: undefined;
-        '&:not(:last-child)'?: undefined;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;