@agentscope-ai/design 1.0.7 → 1.0.9

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

@@ -1,33 +1,22 @@
-var _excluded = ["css"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty({}, ".".concat(sparkPrefix, "-switch"), _defineProperty(_defineProperty({
-    background: "var(--".concat(antPrefix, "-color-primary-bg)"),
-    backgroundImage: 'none !important'
-  }, "&.".concat(antPrefix, "-switch-checked"), {
-    background: "var(--".concat(antPrefix, "-color-primary)")
-  }), "&.".concat(antPrefix, "-switch-disabled"), _defineProperty({
-    opacity: 1,
-    background: "var(--".concat(antPrefix, "-color-fill-disable)")
-  }, "&.".concat(antPrefix, "-switch-checked"), {
-    background: "var(--".concat(antPrefix, "-color-primary-border-hover)")
-  }))), ".".concat(sparkPrefix, "-switch-label"), {
-    fontSize: '14px',
-    fontWeight: 500
-  });
-}
-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.", "-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) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+});

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

@@ -11,8 +11,10 @@ import { getCommonConfig } from "../../../config";
 import { SparkSortLine } from '@agentscope-ai/icons';
 import { Table as AntdTable } from 'antd';
 import classNames 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 BLTable(props) {
   var _columns;
   var commonConfig = getCommonConfig();
@@ -31,9 +33,11 @@ export default function BLTable(props) {
       }
     });
   });
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(AntdTable, _objectSpread({
-    className: classNames("".concat(sparkPrefix, "-table")),
-    columns: columns
-  }, restProps));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(AntdTable, _objectSpread({
+      className: classNames("".concat(sparkPrefix, "-table")),
+      columns: columns
+    }, restProps))]
+  });
 }

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

@@ -1,52 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            [x: string]: {
-                [x: string]: {
-                    padding: string;
-                    fontWeight: number;
-                    color: string;
-                    borderStartStartRadius?: undefined;
-                    borderStartEndRadius?: undefined;
-                    display?: undefined;
-                } | {
-                    borderStartStartRadius: number;
-                    padding?: undefined;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartEndRadius?: undefined;
-                    display?: undefined;
-                } | {
-                    borderStartEndRadius: number;
-                    padding?: undefined;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartStartRadius?: undefined;
-                    display?: undefined;
-                } | {
-                    display: string;
-                    padding?: undefined;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartStartRadius?: undefined;
-                    borderStartEndRadius?: undefined;
-                } | {
-                    padding: string;
-                    fontWeight?: undefined;
-                    color?: undefined;
-                    borderStartStartRadius?: undefined;
-                    borderStartEndRadius?: undefined;
-                    display?: undefined;
-                };
-                "table > thead > tr:first-child > *:first-child": {
-                    borderStartStartRadius: number;
-                };
-                "table > thead > tr:first-child > *:last-child": {
-                    borderStartEndRadius: number;
-                };
-            };
-        };
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,32 +1,18 @@
-var _excluded = ["css"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return _defineProperty({}, ".".concat(sparkPrefix, "-table"), _defineProperty({}, "&.".concat(antPrefix, "-table-wrapper"), _defineProperty({}, ".".concat(antPrefix, "-table-container"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-table-thead > tr > th"), {
-    padding: '8px 20px',
-    fontWeight: 400,
-    color: "var(--".concat(antPrefix, "-color-text-secondary)")
-  }), "table > thead > tr:first-child > *:first-child", {
-    borderStartStartRadius: 0
-  }), "table > thead > tr:first-child > *:last-child", {
-    borderStartEndRadius: 0
-  }), ".".concat(antPrefix, "-table-thead > tr > th:not(:last-child):not(.sps-table-selection-column):not(.sps-table-row-expand-icon-cell):not([colspan])::before"), {
-    display: 'none'
-  }), ".".concat(antPrefix, "-table-tbody > tr > td"), {
-    padding: '16px 20px'
-  }))));
-}
-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.", "-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) {
+  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;
+});

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

@@ -17,8 +17,10 @@ import { getCommonConfig } from "../../../config";
 import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
 import { Segmented, Tabs } from 'antd';
 import classNames 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";
 var SparkTabs = function SparkTabs(props) {
   var type = props.type,
     centered = props.centered,
@@ -35,36 +37,40 @@ var SparkTabs = function SparkTabs(props) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     mergedActiveKey = _useMergedState2[0],
     setMergedActiveKey = _useMergedState2[1];
-  useIndexStyle();
+  var Style = useStyle();
   if (type === 'segmented') {
-    return /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({
-      animated: false
-    }, restProps), {}, {
-      activeKey: mergedActiveKey,
-      renderTabBar: function renderTabBar(tabProps) {
-        var _props$items;
-        var options = ((_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.map(function (item) {
-          return {
-            label: item.label,
-            value: item.key,
-            disabled: item.disabled
-          };
-        })) || [];
-        return /*#__PURE__*/_jsx(Segmented, {
-          options: options,
-          onChange: function onChange(value) {
-            var _props$onChange;
-            setMergedActiveKey(value);
-            (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, value);
-          },
-          className: classNames("".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({}, "".concat(sparkPrefix, "-segmented-tab-bar-centered"), centered)),
-          value: tabProps.activeKey,
-          size: props.size
-        });
-      }
-    }));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({
+        animated: false
+      }, restProps), {}, {
+        activeKey: mergedActiveKey,
+        renderTabBar: function renderTabBar(tabProps) {
+          var _props$items;
+          var options = ((_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.map(function (item) {
+            return {
+              label: item.label,
+              value: item.key,
+              disabled: item.disabled
+            };
+          })) || [];
+          return /*#__PURE__*/_jsx(Segmented, {
+            options: options,
+            onChange: function onChange(value) {
+              var _props$onChange;
+              setMergedActiveKey(value);
+              (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, value);
+            },
+            className: classNames("".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({}, "".concat(sparkPrefix, "-segmented-tab-bar-centered"), centered)),
+            value: tabProps.activeKey,
+            size: props.size
+          });
+        }
+      }))]
+    });
   }
-  return /*#__PURE__*/_jsx(Tabs, _objectSpread({}, restProps));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tabs, _objectSpread({}, restProps))]
+  });
 };
 SparkTabs.TabPane = Tabs.TabPane;
 export default SparkTabs;

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

@@ -1,55 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            color: string;
-            fontWeight: number;
-            background?: undefined;
-        } | {
-            background: string;
-            color?: undefined;
-            fontWeight?: undefined;
-        };
-        display?: undefined;
-        '&::after'?: undefined;
-        marginBottom?: undefined;
-        background?: undefined;
-        alignSelf?: undefined;
-    } | {
-        display: string;
-        '&::after'?: undefined;
-        marginBottom?: undefined;
-        background?: undefined;
-        alignSelf?: undefined;
-    } | {
-        [x: string]: {
-            background: string;
-            opacity: string;
-            fontWeight?: undefined;
-            color?: undefined;
-        } | {
-            fontWeight: number;
-            color: string;
-            background?: undefined;
-            opacity?: undefined;
-        };
-        '&::after': {
-            background: string;
-            opacity: string;
-        };
-        display?: undefined;
-        marginBottom?: undefined;
-        background?: undefined;
-        alignSelf?: undefined;
-    } | {
-        [x: string]: string | {
-            alignSelf: string;
-        };
-        marginBottom: string;
-        background: string;
-        alignSelf: string;
-        display?: undefined;
-        '&::after'?: undefined;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,44 +1,38 @@
-var _excluded = ["css"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-tabs"), _defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-tabs-tab.").concat(antPrefix, "-tabs-tab-active .").concat(antPrefix, "-tabs-tab-btn"), {
-    color: "var(--".concat(antPrefix, "-color-text)"),
-    fontWeight: 500
-  }), ".".concat(antPrefix, "-tabs-tab .").concat(antPrefix, "-tabs-tab-btn"), {
-    color: "var(--".concat(antPrefix, "-color-text)"),
-    fontWeight: 400
-  }), ".".concat(antPrefix, "-tabs-ink-bar"), {
-    background: "var(--".concat(antPrefix, "-color-primary)")
-  })), ".".concat(antPrefix, "-tabs-nav::before"), {
-    display: 'none!important'
-  }), ".".concat(antPrefix, "-segmented-item"), _defineProperty({
-    '&::after': {
-      background: 'none !important',
-      opacity: '1 !important'
-    }
-  }, ".".concat(antPrefix, "-segmented-item-label"), {
-    fontWeight: 500,
-    color: "var(--".concat(antPrefix, "-color-text)")
-  })), ".".concat(sparkPrefix, "-segmented-tab-bar"), _defineProperty({
-    marginBottom: '16px',
-    background: "var(--".concat(antPrefix, "-color-fill-tertiary)"),
-    alignSelf: 'baseline'
-  }, "&.".concat(sparkPrefix, "-segmented-tab-bar-centered"), {
-    alignSelf: '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.", "-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) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+});

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

@@ -3,7 +3,6 @@ import { SparkEffciencyLine } from '@agentscope-ai/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function () {
   return /*#__PURE__*/_jsx(Tag, {
-    color: "mauve",
     icon: /*#__PURE__*/_jsx(SparkEffciencyLine, {
       style: {
         fontSize: '20px'

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

@@ -9,7 +9,6 @@ export default (function () {
     align: "center",
     gap: 16,
     children: [/*#__PURE__*/_jsx(Tag, {
-      color: "mauve",
       closeIcon: /*#__PURE__*/_jsx(SparkFalseLine, {
         style: {
           fontSize: '20px'
@@ -17,7 +16,6 @@ export default (function () {
       }),
       children: "Tag MD"
     }), /*#__PURE__*/_jsx(Tag, {
-      color: "mauve",
       icon: /*#__PURE__*/_jsx(SparkEffciencyLine, {
         style: {
           fontSize: '20px'

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

@@ -11,27 +11,31 @@ import { getCommonConfig } from "../../../config";
 import { Tag } from 'antd';
 import classNames from 'classnames';
 import { forwardRef } from 'react';
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SparkTag = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     className = props.className,
     _props$bordered = props.bordered,
     bordered = _props$bordered === void 0 ? false : _props$bordered,
     _props$color = props.color,
-    color = _props$color === void 0 ? 'purple' : _props$color,
+    color = _props$color === void 0 ? 'mauve' : _props$color,
     _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
     restProps = _objectWithoutProperties(props, _excluded);
-  useIndexStyle();
+  var Style = useStyle();
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
-  return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
-    className: classNames("".concat(sparkPrefix, "-tag ").concat(sparkPrefix, "-tag-").concat(color, " ").concat(sparkPrefix, "-tag-").concat(size), className),
-    bordered: bordered
-  }, restProps), {}, {
-    ref: ref,
-    children: children
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
+      className: classNames("".concat(sparkPrefix, "-tag ").concat(sparkPrefix, "-tag-").concat(color, " ").concat(sparkPrefix, "-tag-").concat(size), className),
+      bordered: bordered
+    }, restProps), {}, {
+      ref: ref,
+      children: children
+    }))]
+  });
 });
 export default SparkTag;

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

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