@agentscope-ai/design 1.0.7 → 1.0.9

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

@@ -15,10 +15,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { Avatar } from 'antd';
 import { forwardRef, useEffect, useState } 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 SparkAvatar = /*#__PURE__*/forwardRef(function (props, ref) {
-  useIndexStyle();
+  var Style = useStyle();
   var children = props.children,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(props.children),
@@ -32,10 +34,12 @@ var SparkAvatar = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     setModifiedChildren(children);
   }, [children]);
-  return /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({
-    ref: ref
-  }, restProps), {}, {
-    children: modifiedChildren
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({
+      ref: ref
+    }, restProps), {}, {
+      children: modifiedChildren
+    }))]
+  });
 });
 export default SparkAvatar;

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

@@ -1,7 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        cursor: 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/Avatar/index.style.js

@@ -1,21 +1,6 @@
-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;
-  return _defineProperty({}, ".".concat(antPrefix, "-avatar"), {
-    cursor: 'default'
-  });
-}
-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.", "-avatar {\n  cursor: default;\n}\n"])), function (p) {
+  return p.antPrefix;
+});

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

@@ -11,16 +11,17 @@ import { SparkDownLine } from '@agentscope-ai/icons';
 import { Avatar, Breadcrumb, Dropdown } from 'antd';
 import React from 'react';
 import { getCommonConfig } from "../../../config";
-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";
 var SparkBreadcrumb = function SparkBreadcrumb(_ref) {
   var _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   var processedItems = React.useMemo(function () {
     return items.map(function (item) {
       var titleContent = item.title;
@@ -35,7 +36,7 @@ var SparkBreadcrumb = function SparkBreadcrumb(_ref) {
         contentParts.push( /*#__PURE__*/_jsxs("span", {
           className: "".concat(sparkPrefix, "-breadcrumb-dropdown-title"),
           children: [item.title, /*#__PURE__*/_jsx(SparkDownLine, {
-            size: "small"
+            size: 16
           })]
         }, "title"));
       } else {
@@ -66,9 +67,11 @@ var SparkBreadcrumb = function SparkBreadcrumb(_ref) {
       });
     });
   }, [items]);
-  return /*#__PURE__*/_jsx(Breadcrumb, _objectSpread(_objectSpread({}, restProps), {}, {
-    items: processedItems,
-    className: "".concat(sparkPrefix, "-breadcrumb ").concat(restProps.className || '')
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Breadcrumb, _objectSpread(_objectSpread({}, restProps), {}, {
+      items: processedItems,
+      className: "".concat(sparkPrefix, "-breadcrumb ").concat(restProps.className || '')
+    }))]
+  });
 };
 export default SparkBreadcrumb;

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

@@ -1,107 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: {
-            [x: string]: {
-                color: string;
-                display: string;
-                alignItems: string;
-            };
-            color?: undefined;
-            height?: undefined;
-            '&:hover'?: undefined;
-            display?: undefined;
-            alignItems?: undefined;
-            cursor?: undefined;
-            gap?: undefined;
-            justifyContent?: undefined;
-        } | {
-            color: string;
-            height: string;
-            '&:hover': {
-                backgroundColor: string;
-            };
-            display?: undefined;
-            alignItems?: undefined;
-            cursor?: undefined;
-            gap?: undefined;
-            justifyContent?: undefined;
-        } | {
-            color: string;
-            height?: undefined;
-            '&:hover'?: undefined;
-            display?: undefined;
-            alignItems?: undefined;
-            cursor?: undefined;
-            gap?: undefined;
-            justifyContent?: undefined;
-        } | {
-            display: string;
-            alignItems: string;
-            color?: undefined;
-            height?: undefined;
-            '&:hover'?: undefined;
-            cursor?: undefined;
-            gap?: undefined;
-            justifyContent?: undefined;
-        } | {
-            [x: string]: string | number | {
-                width: string;
-                height: string;
-            };
-            cursor: string;
-            display: string;
-            alignItems: string;
-            gap: number;
-            color?: undefined;
-            height?: undefined;
-            '&:hover'?: undefined;
-            justifyContent?: undefined;
-        } | {
-            display: string;
-            alignItems: string;
-            gap: number;
-            color?: undefined;
-            height?: undefined;
-            '&:hover'?: undefined;
-            cursor?: undefined;
-            justifyContent?: undefined;
-        } | {
-            [x: string]: string | number | {
-                fontSize: string;
-            };
-            display: string;
-            alignItems: string;
-            gap: number;
-            height: string;
-            color?: undefined;
-            '&:hover'?: undefined;
-            cursor?: undefined;
-            justifyContent?: undefined;
-        } | {
-            display: string;
-            justifyContent: string;
-            color?: undefined;
-            height?: undefined;
-            '&:hover'?: undefined;
-            alignItems?: undefined;
-            cursor?: undefined;
-            gap?: undefined;
-        };
-        'li:last-child': {
-            [x: string]: {
-                color: string;
-                display: string;
-                alignItems: string;
-            };
-        };
-        a: {
-            color: string;
-            height: string;
-            '&:hover': {
-                backgroundColor: 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/Breadcrumb/index.style.js

@@ -1,60 +1,32 @@
-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, "-breadcrumb"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    'li:last-child': _defineProperty({}, ".".concat(antPrefix, "-breadcrumb-link"), {
-      color: "var(--".concat(antPrefix, "-color-text)"),
-      display: 'flex',
-      alignItems: 'center'
-    }),
-    a: {
-      color: "var(--".concat(antPrefix, "-color-text-secondary)"),
-      height: 'auto',
-      '&:hover': {
-        backgroundColor: 'transparent'
-      }
-    }
-  }, ".".concat(antPrefix, "-breadcrumb-separator"), {
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), ".".concat(antPrefix, "-breadcrumb-overlay-link"), {
-    display: 'flex',
-    alignItems: 'center'
-  }), ".".concat(sparkPrefix, "-breadcrumb-dropdown"), _defineProperty({
-    cursor: 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    gap: 8
-  }, ".".concat(antPrefix, "-avatar>img"), {
-    width: '20px',
-    height: '20px'
-  })), ".".concat(sparkPrefix, "-breadcrumb-item-content"), {
-    display: 'flex',
-    alignItems: 'center',
-    gap: 8
-  }), ".".concat(sparkPrefix, "-breadcrumb-dropdown-title"), _defineProperty({
-    display: 'flex',
-    alignItems: 'center',
-    gap: 4,
-    height: '100%'
-  }, ".".concat(sparkPrefix, "-breadcrumb-dropdown-icon"), {
-    fontSize: '16px !important'
-  })), ".".concat(sparkPrefix, "-breadcrumb-dropdown-overlay"), {
-    display: 'flex',
-    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.", "-breadcrumb {\n  cursor: default;\n  \n  .", "-breadcrumb-link {\n    cursor: pointer;\n  }\n  \n  li:last-child {\n    .", "-breadcrumb-link {\n      color: var(--", "-color-text);\n      display: flex;\n      align-items: center;\n    }\n  }\n  \n  a {\n    color: var(--", "-color-text-secondary);\n    height: auto;\n    \n    &:hover {\n      background-color: transparent;\n    }\n  }\n  \n  .", "-breadcrumb-separator {\n    color: var(--", "-color-text);\n  }\n  \n  .", "-breadcrumb-overlay-link {\n    display: flex;\n    align-items: center;\n  }\n  \n  .", "-breadcrumb-dropdown {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    \n    .", "-avatar > img {\n      width: 20px;\n      height: 20px;\n    }\n  }\n  \n  .", "-breadcrumb-item-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  \n  .", "-breadcrumb-dropdown-title {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 100%;\n    \n    .", "-breadcrumb-dropdown-icon {\n      font-size: 16px !important;\n    }\n  }\n  \n  .", "-breadcrumb-dropdown-overlay {\n    display: flex;\n    justify-content: center;\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  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;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+});

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

@@ -1,4 +1,4 @@
-var _excluded = ["iconSize"];
+var _excluded = ["iconSize", "loading"];
 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; }
@@ -7,9 +7,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 { SparkLoadingLine } from '@agentscope-ai/icons';
 import { Button as AntdButton, ConfigProvider, theme } from 'antd';
 import classNames from 'classnames';
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import IconFont from "../IconFont";
 import Popover from "../Popover";
 
@@ -18,6 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var Button = /*#__PURE__*/forwardRef(function (props, ref) {
   var token = theme.useToken();
   var iconSize = props.iconSize,
+    loading = props.loading,
     restProps = _objectWithoutProperties(props, _excluded);
   var buttonType = React.useMemo(function () {
     // @ts-ignore
@@ -26,10 +28,29 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
     if (restProps.type === 'textCompact') return 'link';
     return restProps.type;
   }, [restProps.type]);
+  var mergedLoading = useMemo(function () {
+    // 更改默认 loading icon 为 SparkLoadingLine
+    if (loading) {
+      if (typeof loading === 'boolean') {
+        return {
+          icon: /*#__PURE__*/_jsx(SparkLoadingLine, {
+            spin: true
+          })
+        };
+      }
+      if (_typeof(loading) === 'object') {
+        return _objectSpread({
+          icon: /*#__PURE__*/_jsx(SparkLoadingLine, {
+            spin: true
+          })
+        }, loading);
+      }
+    }
+    return loading;
+  }, [loading]);
   var icon = React.useMemo(function () {
-    if (restProps.loading && _typeof(restProps.loading) === 'object' && restProps.loading.icon) {
-      var _restProps$loading;
-      return (_restProps$loading = restProps.loading) === null || _restProps$loading === void 0 ? void 0 : _restProps$loading.icon;
+    if (loading && _typeof(loading) === 'object' && loading.icon) {
+      return loading === null || loading === void 0 ? void 0 : loading.icon;
     }
     if (restProps.iconType) return /*#__PURE__*/_jsx(IconFont, {
       type: restProps.iconType,
@@ -41,6 +62,7 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
     return null;
   }, [restProps.iconType, restProps.icon]);
   var button = /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
+    loading: mergedLoading,
     ref: ref,
     type: buttonType,
     icon: icon,

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

@@ -10,34 +10,37 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { getCommonConfig } from "../../../config";
 import { Card } 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 { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default (function (props) {
   var title = props.title,
     info = props.info,
     children = props.children,
     className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
-  useIndexStyle();
+  var Style = useStyle();
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
-  return /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({
-    className: classNames("".concat(sparkPrefix, "-card"), className)
-  }, restProps), {}, {
-    title: null,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "".concat(sparkPrefix, "-card-wrapper"),
-      children: [title && /*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-title"),
-        children: title
-      }), info && /*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-info"),
-        children: info
-      }), children && /*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-content"),
-        children: children
-      })]
-    })
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({
+      className: classNames("".concat(sparkPrefix, "-card"), className)
+    }, restProps), {}, {
+      title: null,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "".concat(sparkPrefix, "-card-wrapper"),
+        children: [title && /*#__PURE__*/_jsx("div", {
+          className: "".concat(sparkPrefix, "-title"),
+          children: title
+        }), info && /*#__PURE__*/_jsx("div", {
+          className: "".concat(sparkPrefix, "-info"),
+          children: info
+        }), children && /*#__PURE__*/_jsx("div", {
+          className: "".concat(sparkPrefix, "-content"),
+          children: children
+        })]
+      })
+    }))]
+  });
 });

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

@@ -1,71 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        borderRadius: string;
-        backgroundColor: string;
-        border: string;
-        transition?: undefined;
-        '&:hover'?: undefined;
-        cursor?: undefined;
-        display?: undefined;
-        flexDirection?: undefined;
-        padding?: undefined;
-        gap?: undefined;
-        "> *:only-child"?: undefined;
-    } | {
-        [x: string]: string | {
-            padding: number;
-            boxShadow?: undefined;
-        } | {
-            boxShadow: string;
-            padding?: undefined;
-        };
-        transition: string;
-        '&:hover': {
-            boxShadow: string;
-        };
-        cursor: string;
-        borderRadius?: undefined;
-        backgroundColor?: undefined;
-        border?: undefined;
-        display?: undefined;
-        flexDirection?: undefined;
-        padding?: undefined;
-        gap?: undefined;
-        "> *:only-child"?: undefined;
-    } | {
-        [x: string]: string | {
-            gap: number;
-            fontSize?: undefined;
-            fontWeight?: undefined;
-            lineHeight?: undefined;
-            color?: undefined;
-        } | {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            color: string;
-            gap?: undefined;
-        } | {
-            fontSize: string;
-            fontWeight: string;
-            lineHeight: string;
-            color: string;
-            gap?: undefined;
-        };
-        display: string;
-        flexDirection: string;
-        padding: string;
-        gap: string;
-        "> *:only-child": {
-            gap: number;
-        };
-        borderRadius?: undefined;
-        backgroundColor?: undefined;
-        border?: undefined;
-        transition?: undefined;
-        '&:hover'?: undefined;
-        cursor?: 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/Card/index.style.js

@@ -1,46 +1,24 @@
-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({}, ".".concat(antPrefix, "-card"), {
-    borderRadius: '6px',
-    backgroundColor: "var(--".concat(antPrefix, "-color-bg-base)"),
-    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(sparkPrefix, "-card"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "transition", 'box-shadow 0.4s ease'), ".".concat(antPrefix, "-card-body"), {
-    padding: 0
-  }), '&:hover', {
-    boxShadow: '0px 4px 6px 0px rgba(0, 0, 0, 0.08)'
-  }), "cursor", 'pointer')), ".".concat(sparkPrefix, "-card-wrapper"), _defineProperty(_defineProperty(_defineProperty({
-    display: 'flex',
-    flexDirection: 'column',
-    padding: '12px 16px',
-    gap: '4px'
-  }, "> *:only-child", {
-    gap: 0
-  }), ".".concat(sparkPrefix, "-title"), {
-    fontSize: '14px',
-    fontWeight: 500,
-    lineHeight: '24px',
-    /* 中性色/color-text */
-    color: "var(--".concat(antPrefix, "-color-text)")
-  }), ".".concat(sparkPrefix, "-info"), {
-    fontSize: '12px',
-    fontWeight: 'normal',
-    lineHeight: '18px',
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
-  }));
-}
-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.", "-card {\n  border-radius: 6px;\n  background-color: var(--", "-color-bg-base);\n  border: 1px solid var(--", "-color-border-secondary);\n}\n\n.", "-card {\n  transition: box-shadow 0.4s ease;\n  cursor: pointer;\n  \n  .", "-card-body {\n    padding: 0;\n  }\n  \n  &:hover {\n    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);\n  }\n}\n\n.", "-card-wrapper {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 16px;\n  gap: 4px;\n  \n  > *:only-child {\n    gap: 0;\n  }\n  \n  .", "-title {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    /* \u4E2D\u6027\u8272/color-text */\n    color: var(--", "-color-text);\n  }\n  \n  .", "-info {\n    font-size: 12px;\n    font-weight: normal;\n    line-height: 18px;\n    color: var(--", "-color-text-tertiary);\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.antPrefix;
+});