@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

package/es/components/Accordion/designTokens.d.ts

@@ -0,0 +1,11 @@
+declare const designTokens: {
+    headerBg: string;
+    headerPadding: string;
+    contentPadding: string;
+};
+declare const designBorderTokens: {
+    headerBg: string;
+    headerPadding: string;
+    contentPadding: string;
+};
+export { designTokens, designBorderTokens };

package/es/components/Accordion/designTokens.js

@@ -0,0 +1,16 @@
+import { getToken } from "../../utils/tokenHelper";
+var designTokens = {
+  headerBg: 'transparent',
+  // header背景色
+  headerPadding: "".concat(getToken('spacingAccordionTitlePaddingVertical'), "px 0"),
+  // header边距
+  contentPadding: "".concat(getToken('spacingAccordionBodyPaddingBottom'), "px 0") // content边距
+};
+var designBorderTokens = {
+  headerBg: '#F5F5F8',
+  // header背景色
+  headerPadding: "".concat(getToken('spacingAccordionTitlePaddingVertical'), "px 16px"),
+  // header边距
+  contentPadding: "".concat(getToken('spacingAccordionBodyPaddingBottom'), "px 16px") // content边距
+};
+export { designTokens, designBorderTokens };

package/es/components/Accordion/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './style/index.less';
+export interface ItemType {
+    key?: string;
+    label?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+    children?: React.ReactNode;
+}
+export interface AccordionProps {
+    prefixCls?: string;
+    items?: ItemType[];
+    style?: React.CSSProperties;
+    defaultActiveKey?: string;
+    showArrow?: boolean;
+    bordered?: boolean;
+    onClose?: () => void;
+    onChange?: () => void;
+    [key: string]: any;
+}
+declare const Accordion: (props: AccordionProps) => React.JSX.Element;
+export default Accordion;

package/es/components/Accordion/index.js

@@ -0,0 +1,77 @@
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+import "antd/es/collapse/style";
+import _Collapse from "antd/es/collapse";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["prefixCls", "bordered", "items"];
+import React from 'react';
+// import { useStyleRegister } from '@ant-design/cssinjs';
+// import { theme } from '../../utils/theme';
+import { designTokens, designBorderTokens } from "./designTokens";
+import { BASE_CLASS_PREFIX } from "../../constants";
+import Text from "../Text";
+import "./style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Accordion = function Accordion(props) {
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? BASE_CLASS_PREFIX + '-accordion' : _props$prefixCls,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    attr = _objectWithoutProperties(props, _excluded);
+  // const useCustomButtonStyle = () => {
+  //   const hashId = useStyleRegister({
+  //     theme: theme,
+  //     token: { baseColor: 'blue' },
+  //     path: [`${prefixCls}`],
+  //   }, () => `
+  //     .${prefixCls}-header {
+  //       padding: ${spacingAccordionTitlePaddingVertical}px 0;
+  //     }
+  //     .${prefixCls}-content {
+  //       padding-bottom: ${spacingAccordionBodyPaddingBottom}px;
+  //     }
+  //     .${prefixCls}-header .${prefixCls}-text {
+  //       padding-right: ${spacingAccordionHorizontalGap}px;
+  //     }
+  //   `);
+  //   return hashId;
+  // };
+  // useCustomButtonStyle();
+
+  // const handleAccordion = () => {
+
+  // };
+
+  var newItems = items.map(function (item) {
+    return {
+      key: item.key,
+      label: /*#__PURE__*/_jsx(Text, {
+        size: "ContentC14Bold",
+        children: item.label
+      }),
+      children: /*#__PURE__*/_jsx(Text, {
+        size: "ContentC14Regular",
+        children: item.children
+      })
+    };
+  });
+  var showBorder = bordered ? designBorderTokens : designTokens;
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    prefixCls: BASE_CLASS_PREFIX,
+    theme: {
+      components: {
+        Collapse: _objectSpread({}, showBorder)
+      }
+    },
+    children: /*#__PURE__*/_jsx(_Collapse, _objectSpread({
+      items: newItems,
+      className: "".concat(prefixCls),
+      showArrow: false,
+      bordered: bordered
+    }, attr))
+  });
+};
+export default Accordion;

package/es/components/Accordion/style/index.less

@@ -0,0 +1,14 @@
+
+@import './variables.less';
+@components: accordion;
+@component: collapse;
+
+.@{prefix}-@{components} .@{prefix}-@{component}-header {
+  flex-flow: row-reverse;
+}
+.@{prefix}-@{components}
+  >.@{prefix}-@{component}-item
+  >.@{prefix}-@{component}-header
+  >.@{prefix}-@{component}-expand-icon {
+  padding-inline-end: 0;
+}

package/es/components/Accordion/style/variables.less

@@ -0,0 +1,4 @@
+
+@import '../../../style/variables.less';
+
+@btn-primary-bg-default: var(--base-color-primary);

package/es/components/Amount/designTokens.d.ts

@@ -0,0 +1,6 @@
+declare const designTokens: {
+    colorCardTextTitle: any;
+    colorCardTextPriceStrikethrough: any;
+    colorCardTextPrice: any;
+};
+export { designTokens };

package/es/components/Amount/designTokens.js

@@ -0,0 +1,9 @@
+import { getToken } from "../../utils/tokenHelper";
+var designTokens = {
+  colorCardTextTitle: getToken('colorCardTextTitle'),
+  // title颜色
+  colorCardTextPriceStrikethrough: getToken('colorCardTextPriceStrikethrough'),
+  // 划线价颜色
+  colorCardTextPrice: getToken('colorCardTextPrice') // 金额颜色
+};
+export { designTokens };

package/es/components/Amount/index.d.ts

@@ -0,0 +1,23 @@
+import React, { PureComponent } from 'react';
+import './style/index.less';
+export type Size = 'XS' | 'S' | 'M' | 'L' | 'LG';
+export type Position = 'up' | 'right' | 'down' | 'left';
+export interface AmountProps {
+    children?: React.ReactNode;
+    className?: string;
+    size?: Size;
+    position?: Position;
+    style?: React.CSSProperties;
+    onClick?: React.MouseEventHandler;
+    onDropDownClick?: React.MouseEventHandler;
+    [key: string]: any;
+}
+export default class Amount extends PureComponent<AmountProps> {
+    static defaultProps: {
+        size: string;
+        title: string;
+        position: string;
+        prefixCls: string;
+    };
+    render(): React.JSX.Element;
+}

package/es/components/Amount/index.js

@@ -0,0 +1,144 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["children", "className", "size", "title", "position", "prefixCls", "priceStrikethrough", "style", "priceColor", "textColor", "colorStrikethrough", "onDropDownClick", "showIcon", "iconType"];
+import React, { PureComponent } from 'react';
+import { default as classNames } from 'classnames';
+import { designTokens } from "./designTokens";
+import { cssClasses } from "../../constants";
+import { Text, Icon } from "../index";
+import "./style/index.less";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var Amount = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Amount, _PureComponent);
+  var _super = _createSuper(Amount);
+  function Amount() {
+    _classCallCheck(this, Amount);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Amount, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        size = _this$props.size,
+        title = _this$props.title,
+        position = _this$props.position,
+        prefixCls = _this$props.prefixCls,
+        priceStrikethrough = _this$props.priceStrikethrough,
+        style = _this$props.style,
+        priceColor = _this$props.priceColor,
+        textColor = _this$props.textColor,
+        colorStrikethrough = _this$props.colorStrikethrough,
+        onDropDownClick = _this$props.onDropDownClick,
+        showIcon = _this$props.showIcon,
+        _this$props$iconType = _this$props.iconType,
+        iconType = _this$props$iconType === void 0 ? 'icon-a-Arrow-Down' : _this$props$iconType,
+        attr = _objectWithoutProperties(_this$props, _excluded);
+      var colorCardTextPrice = designTokens.colorCardTextPrice,
+        colorCardTextPriceStrikethrough = designTokens.colorCardTextPriceStrikethrough,
+        colorCardTextTitle = designTokens.colorCardTextTitle;
+      var baseProps = {
+        className: classNames(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-size-").concat(size), size), "".concat(prefixCls, "-position-").concat(position), position), className),
+        style: style
+      };
+      var getSize = function getSize(fontSize) {
+        switch (fontSize) {
+          case 'S':
+            return 'ContentC14Bold';
+          case 'M':
+            return 'TitleT15Bold';
+          case 'L':
+            return 'TitleT21Bold';
+          case 'LG':
+            return 'TitleT23Bold';
+          default:
+            return 'ContentC12Bold';
+        }
+      };
+      var TitleDom = function TitleDom() {
+        return /*#__PURE__*/_jsx(_Fragment, {
+          children: title === 'discount' ? /*#__PURE__*/_jsx(Text, {
+            size: "ContentC12Bold",
+            style: {
+              color: textColor || '#D01660'
+            },
+            children: "Discount"
+          }) : /*#__PURE__*/_jsxs(Text, {
+            size: "ContentC12Regular",
+            style: {
+              color: textColor || colorCardTextTitle
+            },
+            children: [title, showIcon && /*#__PURE__*/_jsx(Icon, {
+              size: 12,
+              name: iconType,
+              onClick: onDropDownClick
+            })]
+          })
+        });
+      };
+      var PriceDom = function PriceDom() {
+        return /*#__PURE__*/_jsx(Text, {
+          size: getSize(size),
+          style: {
+            color: priceColor || colorCardTextPrice
+          },
+          children: children
+        });
+      };
+      var PriceStrikethroughDom = function PriceStrikethroughDom() {
+        return /*#__PURE__*/_jsx(Text, {
+          size: "ContentC12Strikethrough",
+          style: {
+            color: colorStrikethrough || colorCardTextPriceStrikethrough
+          },
+          children: priceStrikethrough
+        });
+      };
+      var positionLeft = function positionLeft() {
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TitleDom, {}), /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx(PriceStrikethroughDom, {}), /*#__PURE__*/_jsx(PriceDom, {})]
+          })]
+        });
+      };
+      var positionRight = function positionRight() {
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TitleDom, {}), /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx(PriceDom, {}), /*#__PURE__*/_jsx(PriceStrikethroughDom, {})]
+          })]
+        });
+      };
+      var positionUp = function positionUp() {
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TitleDom, {}), /*#__PURE__*/_jsx(PriceStrikethroughDom, {}), /*#__PURE__*/_jsx(PriceDom, {})]
+        });
+      };
+      var positionDown = function positionDown() {
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TitleDom, {}), /*#__PURE__*/_jsx(PriceDom, {}), /*#__PURE__*/_jsx(PriceStrikethroughDom, {})]
+        });
+      };
+      return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread(_objectSpread({
+        onClick: this.props.onClick
+      }, baseProps), {}, {
+        onMouseDown: this.props.onMouseDown
+      }, attr), {}, {
+        children: [position === 'left' && positionLeft(), position === 'right' && positionRight(), position === 'up' && positionUp(), position === 'down' && positionDown()]
+      }));
+    }
+  }]);
+  return Amount;
+}(PureComponent);
+_defineProperty(Amount, "defaultProps", {
+  size: 'L',
+  title: 'Total',
+  position: 'down',
+  prefixCls: cssClasses.PREFIX + '-amount'
+});
+export { Amount as default };

package/es/components/Amount/style/index.less

@@ -0,0 +1,10 @@
+
+@import './variables.less';
+@components: amount;
+.@{prefix}-@{components} {
+  display: flex;
+  flex-direction: column;
+  i {
+    padding-left: 4px;
+  }
+}

package/es/components/Amount/style/variables.less

@@ -0,0 +1,4 @@
+
+@import '../../../style/variables.less';
+
+@btn-primary-bg-default: var(--base-color-primary);

package/es/components/Button/designTokens.js

@@ -14,7 +14,7 @@ var designTokens = {
 
   // 主要按钮背景色
   colorPrimary: getToken('colorButtonBackgroundPrimary'),
-  // 主要按钮 Hover todo
+  // 主要按钮 Hover
   colorPrimaryHover: getToken('colorButtonBackgroundPrimary'),
   colorPrimaryActive: getToken('colorButtonBackgroundPrimary'),
   // colorPrimaryBg: getToken('colorButtonBackgroundPrimary'),
@@ -52,8 +52,8 @@ var designTokens = {
   borderRadiusLG: getToken('borderRadiusButton'),
   defaultShadow: '0 0px 0 rgba(0,0,0,0.02)',
   primaryShadow: '0 0 0 rgba(5,145,255,0.1)',
-  // todo gFontFamilySecondaryBold: String = "Roboto"
-  // todo fontWeight700: Font.Weight = .bold 改用 text 组件实现
+  //  gFontFamilySecondaryBold: String = "Roboto"
+  //  fontWeight700: Font.Weight = .bold 改用 text 组件实现
   // fontWeight: getToken(''),
   // fontfamily: getToken(''),
 
@@ -109,8 +109,8 @@ var inverseDesignTokens = {
   borderRadiusLG: getToken('borderRadiusButton'),
   defaultShadow: '0 0px 0 rgba(0,0,0,0.02)',
   primaryShadow: '0 0 0 rgba(5,145,255,0.1)',
-  // todo gFontFamilySecondaryBold: String = "Roboto"
-  // todo fontWeight700: Font.Weight = .bold 改用 text 组件实现
+  //  gFontFamilySecondaryBold: String = "Roboto"
+  //  fontWeight700: Font.Weight = .bold 改用 text 组件实现
   // fontWeight: getToken(''),
   // fontfamily: getToken(''),
 
@@ -128,5 +128,4 @@ var inverseDesignTokens = {
 };
 
 // export default designTokens;
-export { designTokens, inverseDesignTokens };
-//# sourceMappingURL=designTokens.js.map
+export { designTokens, inverseDesignTokens };

package/es/components/Button/index.d.ts

@@ -1,11 +1,20 @@
-import React, { PureComponent } from 'react';
-import { noop } from '../../utils/noop';
-import './style/button.less';
+import React from 'react';
+import type { TextProps } from "../Text";
+import './style/index.less';
 export type HtmlType = 'button' | 'reset' | 'submit';
 export type Size = 'middle' | 'small' | 'large';
 export type ButtonType = 'primary' | 'default' | 'dashed' | 'link' | 'text';
 export type ButtonColorType = 'default' | 'primary' | 'danger' | 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
-export type fontSize = 'bannerTitle' | 'pageTitle' | 'sectionTitle' | 'header' | 'bodyBold' | 'bodyRegular' | 'bodyStrikethrough' | 'smallbodyRegular' | 'smallBodyStrikethrough' | 'smallBodySemiBold' | 'smallBodyBold' | 'smallBodyLink' | 'textLink' | 'mediumBody' | 'mediumBodyBold';
+export interface ButtonThemeConfig {
+    token?: Record<string, any>;
+    components?: {
+        Button?: Record<string, any>;
+        [key: string]: any;
+    };
+    cssVar?: boolean;
+    hashed?: boolean;
+    [key: string]: any;
+}
 export interface xDXpProps {
     'x-dxp-prop'?: string;
 }
@@ -16,29 +25,15 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     loading?: boolean;
     htmlType?: HtmlType;
     size?: Size;
-    fontSize?: fontSize;
+    fontSize?: TextProps['size'];
     disabled?: boolean;
     block?: boolean;
     style?: React.CSSProperties;
-    theme?: string;
+    theme?: string | ButtonThemeConfig;
     prefixCls?: string;
     'aria-label'?: React.AriaAttributes['aria-label'];
     contentClassName?: string;
     [key: string]: any;
 }
-export default class Button extends PureComponent<ButtonProps> {
-    static defaultProps: {
-        disabled: boolean;
-        size: string;
-        fontSize: string;
-        type: string;
-        theme: string;
-        htmlType: string;
-        onMouseDown: typeof noop;
-        onClick: typeof noop;
-        onMouseEnter: typeof noop;
-        onMouseLeave: typeof noop;
-        prefixCls: string;
-    };
-    render(): React.JSX.Element;
-}
+declare const ButtonWithContext: React.FC<ButtonProps>;
+export default ButtonWithContext;

package/es/components/Button/index.js

@@ -1,4 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
@@ -6,80 +10,106 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["fontSize", "theme", "inverse"];
-import { Button as AntdBtn, ConfigProvider } from 'antd';
+var _excluded = ["fontSize", "theme", "inverse", "parentTheme"];
 import React, { PureComponent } from 'react';
+import Text from "../Text";
 import { cssClasses } from "../../constants";
 import { noop } from "../../utils/noop";
-import Text from "../Text";
 import { designTokens, inverseDesignTokens } from "./designTokens";
 
 // 这种是另一方 定制 antd 的 style 的方式； 现在使用了上面的 designTokens.ts 的方式。
-import "./style/button.less";
+import "./style/index.less";
 
 // const { htmlTypes, btnTypes, sizes } = strings;
 
 // export type Theme = 'solid' | 'borderless' | 'light' | 'outline';
-var Button = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Button, _PureComponent);
-  var _super = _createSuper(Button);
-  function Button() {
-    _classCallCheck(this, Button);
+
+// 复用antd的Theme配置接口
+import { jsx as _jsx } from "react/jsx-runtime";
+// 实际的 Button 组件实现
+var ButtonComponent = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonComponent, _PureComponent);
+  var _super = _createSuper(ButtonComponent);
+  function ButtonComponent() {
+    _classCallCheck(this, ButtonComponent);
     return _super.apply(this, arguments);
   }
-  _createClass(Button, [{
+  _createClass(ButtonComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
         children = _this$props.children,
-        style = _this$props.style,
         inverse = _this$props.inverse,
-        fontSize = _this$props.fontSize;
-
-      // Filter out fontSize from props to avoid passing it to AntdBtn
-      // const { fontSize: _, ...filteredProps } = this.props;
+        fontSize = _this$props.fontSize,
+        theme = _this$props.theme,
+        parentTheme = _this$props.parentTheme;
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props2 = this.props,
         _ = _this$props2.fontSize,
         __ = _this$props2.theme,
         ___ = _this$props2.inverse,
+        ____ = _this$props2.parentTheme,
         filteredProps = _objectWithoutProperties(_this$props2, _excluded);
 
-      // todo : 临时处理，后续需要调整取值
-      var baseStyle = {
-        minWidth: '128px',
-        paddingTop: '8px',
-        paddingBottom: '8px'
+      // 获取基础token
+      var baseTokens = inverse ? inverseDesignTokens : designTokens;
+
+      // 处理theme属性 - 如果是对象格式，则按antd的Theme配置处理
+      var themeConfig = {
+        components: {
+          Button: baseTokens
+        },
+        token: {},
+        cssVar: true,
+        hashed: false
       };
-      var btnStyle = _objectSpread(_objectSpread({}, baseStyle), style);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ConfigProvider, {
+
+      // 如果有父级配置，则与基础token合并
+      if (parentTheme) {
+        var _parentTheme$componen;
+        var parentButtonTokens = ((_parentTheme$componen = parentTheme.components) === null || _parentTheme$componen === void 0 ? void 0 : _parentTheme$componen.Button) || {};
+        var parentGlobalTokens = parentTheme.token || {};
+        themeConfig = _objectSpread(_objectSpread(_objectSpread({}, themeConfig), parentTheme), {}, {
+          token: _objectSpread(_objectSpread({}, themeConfig.token || {}), parentGlobalTokens),
+          components: _objectSpread(_objectSpread({}, parentTheme.components), {}, {
+            Button: _objectSpread(_objectSpread({}, baseTokens), parentButtonTokens)
+          })
+        });
+      }
+
+      // 如果用户传入了自定义theme配置(对象)，则合并处理
+      if (theme && _typeof(theme) === 'object') {
+        var _theme$components, _parentTheme$componen2;
+        // 获取用户自定义的Button token
+        var userButtonTokens = ((_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : _theme$components.Button) || {};
+        var userGlobalTokens = theme.token || {};
+        themeConfig = _objectSpread(_objectSpread(_objectSpread({}, themeConfig), theme), {}, {
+          token: _objectSpread(_objectSpread({}, themeConfig.token || {}), userGlobalTokens),
+          components: _objectSpread(_objectSpread(_objectSpread({}, themeConfig.components), theme.components), {}, {
+            Button: _objectSpread(_objectSpread(_objectSpread({}, baseTokens), (parentTheme === null || parentTheme === void 0 || (_parentTheme$componen2 = parentTheme.components) === null || _parentTheme$componen2 === void 0 ? void 0 : _parentTheme$componen2.Button) || {}), userButtonTokens)
+          })
+        });
+      }
+      return /*#__PURE__*/_jsx(_ConfigProvider, {
         wave: {
           disabled: true
-        }
-        // prefixCls={cssClasses.PREFIX}
-        ,
-        theme: {
-          // 这个外层的 Seed Token，影响范围大。
-          // token: designTokens,
-          components: {
-            Button: _objectSpread({}, inverse ? inverseDesignTokens : designTokens)
-          },
-          cssVar: true,
-          hashed: false
-        }
-      }, /*#__PURE__*/React.createElement(AntdBtn, _extends({}, filteredProps, {
-        style: btnStyle
-      }), /*#__PURE__*/React.createElement(Text, {
-        size: fontSize
-      }, children))));
+        },
+        prefixCls: cssClasses.PREFIX,
+        theme: themeConfig,
+        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, filteredProps), {}, {
+          children: /*#__PURE__*/_jsx(Text, {
+            size: fontSize,
+            children: children
+          })
+        }))
+      });
     }
   }]);
-  return Button;
-}(PureComponent);
-_defineProperty(Button, "defaultProps", {
+  return ButtonComponent;
+}(PureComponent); // 包装器函数组件，用于获取 ConfigProvider 上下文
+_defineProperty(ButtonComponent, "defaultProps", {
   disabled: false,
   size: 'large',
-  fontSize: 'bodyBold',
   type: 'default',
   theme: 'light',
   htmlType: 'button',
@@ -89,5 +119,14 @@ _defineProperty(Button, "defaultProps", {
   onMouseLeave: noop,
   prefixCls: cssClasses.PREFIX + '-button'
 });
-export { Button as default };
-//# sourceMappingURL=index.js.map
+var ButtonWithContext = function ButtonWithContext(props) {
+  // 使用 React 的 useContext 获取 ConfigProvider 上下文
+  var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
+    parentTheme = _React$useContext.theme;
+  return /*#__PURE__*/_jsx(ButtonComponent, _objectSpread(_objectSpread({}, props), {}, {
+    parentTheme: parentTheme
+  }));
+};
+
+// 导出包装后的组件
+export default ButtonWithContext;

package/es/components/Button/style/{button.less → index.less}

@@ -5,6 +5,9 @@
 
 // 使用字符串拼接
 .@{prefix}-@{components} {
+  min-width: 128px;
+  padding-top: 8px;
+  padding-bottom: 8px;
 
   // 按钮类型
   // &-primary {
@@ -17,7 +20,6 @@
       transform: scale(0.9);
       transform-origin: center;
       transition: opacity 0.3s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-
     }
   }
 
@@ -28,7 +30,9 @@
       transform: scale(0.9);
       transform-origin: center;
       transition: opacity 0.3s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-
     }
   }
+  &:focus, &:focus-visible{
+    outline: none;
+  }
 }