@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/badge/index.js

@@ -1,105 +1,112 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/badge/index.tsx
-var badge_exports = {};
-__export(badge_exports, {
-  default: () => badge_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(badge_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_icons = require("@oceanbase/icons");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_style = __toESM(require("./style"));
-__reExport(badge_exports, require("antd/es/badge"), module.exports);
-var Badge = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, className, status, text, icon, ...restProps }, ref) => {
-    const { getPrefixCls, iconPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("badge", customizePrefixCls);
-    const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
-    const iconMap = {
-      default: /* @__PURE__ */ import_react.default.createElement(import_icons.MinusCircleFilled, { rotate: 45 }),
-      processing: /* @__PURE__ */ import_react.default.createElement(
-        import_icons.Loading3QuartersOutlined,
-        {
-          style: {
-            display: "inline-block"
-          },
-          className: `${iconPrefixCls}-spin`
-        }
-      ),
-      success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
-      error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
-      warning: /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisCircleFilled, null)
-    };
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          ref,
-          className: (0, import_classnames.default)(prefixCls, `${prefixCls}-status`, className, hashId),
-          style: {
-            display: "inline-block"
-          },
-          ...restProps
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "span",
-          {
-            className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`)
-          },
-          import_react.default.isValidElement(icon) ? icon : iconMap[status]
-        ),
-        text && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-status-text` }, text)
-      ) : /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Badge,
-        {
-          ref,
-          prefixCls: customizePrefixCls,
-          className,
-          status,
-          text,
-          ...restProps
-        }
-      ))
-    );
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  Badge.displayName = import_antd.Badge.displayName;
-}
-var badge_default = Object.assign(Badge, {
-  Ribbon: import_antd.Badge.Ribbon
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _icons = require("@oceanbase/icons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _badge = require("antd/es/badge");
+Object.keys(_badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _badge[key];
+    }
+  });
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/badge")
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+const Badge = /*#__PURE__*/_react.default.forwardRef(({
+  prefixCls: customizePrefixCls,
+  className,
+  status,
+  text,
+  icon,
+  progressProps,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls,
+    iconPrefixCls = 'anticon'
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('badge', customizePrefixCls);
+  const [wrapCSSVar, hashId] = (0, _style.default)(prefixCls);
+  const {
+    token
+  } = _theme.default.useToken();
+  const hasPercent = progressProps?.percent !== undefined;
+  const iconMap = {
+    default: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.MinusCircleFilled, {
+      rotate: 45
+    }),
+    processing: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Progress, {
+      type: "circle",
+      trailColor: "transparent",
+      strokeColor: token.colorPrimary,
+      percent: progressProps?.percent ?? 75,
+      strokeWidth: 18,
+      size: token.fontSize,
+      ...progressProps,
+      className: (0, _classnames.default)({
+        [`${iconPrefixCls}-spin`]: !hasPercent
+      }, progressProps?.className),
+      style: {
+        // remove pointer events for progress icon to avoid trigger format popover when no percent
+        ...(hasPercent ? {} : {
+          pointerEvents: 'none'
+        }),
+        ...progressProps?.style
+      }
+    }),
+    success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckCircleFilled, {}),
+    error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseCircleFilled, {}),
+    warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EllipsisCircleFilled, {})
+  };
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: status && icon ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      ref: ref
+      // should add prefixCls as part of className to make style work
+      ,
+      className: (0, _classnames.default)(prefixCls, `${prefixCls}-status`, className,
+      // hashId is required to make style work
+      hashId),
+      style: {
+        display: 'inline-block'
+      },
+      ...restProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`),
+        children: /*#__PURE__*/_react.default.isValidElement(icon) ? icon : iconMap[status]
+      }), text && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${prefixCls}-status-text`,
+        children: text
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+      ref: ref,
+      prefixCls: customizePrefixCls,
+      className: className,
+      status: status,
+      text: text,
+      ...restProps
+    })
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  Badge.displayName = _antd.Badge.displayName;
+}
+var _default = exports.default = Object.assign(Badge, {
+  Ribbon: _antd.Badge.Ribbon
+});

package/lib/badge/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type BadgeToken = FullToken<'Badge'>;
 export declare const genBadgeStyle: GenerateStyle<BadgeToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/badge/style/index.js

@@ -1,52 +1,36 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/badge/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genBadgeStyle: () => genBadgeStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genBadgeStyle = (token) => {
-  const { componentCls } = token;
-  const dotSize = token.fontSizeLG / 2;
+exports.genBadgeStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genBadgeStyle = token => {
+  const {
+    componentCls
+  } = token;
   return {
     [`${componentCls}`]: {
-      // inherit color from parent instead of fixed colorText
-      color: "inherit"
+      // make status text inherit parent style
+      color: 'inherit',
+      fontSize: 'inherit'
     },
     [`${componentCls}${componentCls}-status`]: {
       // dot style
       [`${componentCls}-status-dot`]: {
-        width: dotSize,
-        height: dotSize,
-        [`&${componentCls}-status-default`]: {
-          backgroundColor: token.colorFill
-        }
+        margin: 1,
+        [`&${componentCls}-status-default`]: {}
+      },
+      [`${componentCls}-status-processing::after`]: {
+        // remove animation for processing status dot
+        display: 'none'
       },
       // icon style
       [`${componentCls}-status-icon`]: {
         // remove dot style
-        backgroundColor: "transparent",
-        ["&::after"]: {
-          display: "none"
+        backgroundColor: 'transparent',
+        ['&::after']: {
+          display: 'none'
         },
         [`&${componentCls}-status-success`]: {
           color: token.colorSuccess
@@ -66,19 +50,14 @@ var genBadgeStyle = (token) => {
       },
       [`${componentCls}-status-text`]: {
         marginInlineStart: token.marginXS,
-        // inherit color from parent instead of fixed colorText
-        color: "inherit"
+        // inherit style from parent
+        color: 'inherit',
+        fontSize: 'inherit'
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Badge", (token) => {
-    return [genBadgeStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genBadgeStyle
-});
+exports.genBadgeStyle = genBadgeStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Badge', token => {
+  return [genBadgeStyle(token)];
+});

package/lib/breadcrumb/Breadcrumb.js

@@ -1,23 +1,17 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/breadcrumb/Breadcrumb.tsx
-var Breadcrumb_exports = {};
-module.exports = __toCommonJS(Breadcrumb_exports);
-__reExport(Breadcrumb_exports, require("antd/es/breadcrumb/Breadcrumb"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/breadcrumb/Breadcrumb")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _Breadcrumb = require("antd/es/breadcrumb/Breadcrumb");
+Object.keys(_Breadcrumb).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Breadcrumb[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Breadcrumb[key];
+    }
+  });
+});
+"use client";

package/lib/breadcrumb/index.js

@@ -1,34 +1,34 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/breadcrumb/index.ts
-var breadcrumb_exports = {};
-__export(breadcrumb_exports, {
-  default: () => breadcrumb_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(breadcrumb_exports);
-var import_antd = require("antd");
-__reExport(breadcrumb_exports, require("./Breadcrumb"), module.exports);
-__reExport(breadcrumb_exports, require("antd/es/breadcrumb"), module.exports);
-var breadcrumb_default = import_antd.Breadcrumb;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./Breadcrumb"),
-  ...require("antd/es/breadcrumb")
+var _exportNames = {};
+exports.default = void 0;
+var _antd = require("antd");
+var _Breadcrumb = require("./Breadcrumb");
+Object.keys(_Breadcrumb).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Breadcrumb[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Breadcrumb[key];
+    }
+  });
 });
+var _breadcrumb = require("antd/es/breadcrumb");
+Object.keys(_breadcrumb).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _breadcrumb[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _breadcrumb[key];
+    }
+  });
+});
+"use client";
+var _default = exports.default = _antd.Breadcrumb;

package/lib/button/index.js

@@ -1,63 +1,54 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/button/index.tsx
-var button_exports = {};
-__export(button_exports, {
-  default: () => button_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(button_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_style = __toESM(require("./style"));
-__reExport(button_exports, require("antd/es/button"), module.exports);
-var Button = import_react.default.forwardRef(
-  ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
-    const { theme, getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-    const prefixCls = getPrefixCls("btn", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls, theme == null ? void 0 : theme.isAliyun);
-    const buttonCls = (0, import_classnames.default)(className);
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
-    );
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  Button.displayName = import_antd.Button.displayName;
-}
-var button_default = Object.assign(Button, {
-  Group: import_antd.Button.Group,
-  __ANT_BUTTON: import_antd.Button.__ANT_BUTTON
+var _exportNames = {};
+exports.default = void 0;
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _button = require("antd/es/button");
+Object.keys(_button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _button[key];
+    }
+  });
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/button")
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const Button = /*#__PURE__*/_react.default.forwardRef(({
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('btn', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const buttonCls = (0, _classnames.default)(className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: buttonCls,
+    ...restProps
+  }));
 });
+if (process.env.NODE_ENV !== 'production') {
+  Button.displayName = _antd.Button.displayName;
+}
+var _default = exports.default = Object.assign(Button, {
+  Group: _antd.Button.Group,
+  __ANT_BUTTON: _antd.Button.__ANT_BUTTON
+});

package/lib/button/style/index.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ButtonToken = FullToken<'Button'>;
+export declare const genPresetColorStyle: (token: ButtonToken) => Record<string, CSSObject>;
 export declare const genButtonStyle: GenerateStyle<ButtonToken>;
-declare const _default: (prefixCls: string, isAliyun?: boolean) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;