@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/_util/genComponentStyleHook.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { CSSObject } from '@ant-design/cssinjs';
 import type { ComponentTokenMap } from 'antd/es/theme/interface';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-import type { GlobalToken } from 'antd/es/theme/interface';
+import type { GlobalToken, FullToken, GenerateStyle } from '../theme/interface';
+export declare const genSelectCommonStyle: (token: FullToken<'Select' | 'TreeSelect' | 'Cascader'>) => CSSObject;
 export type ComponentName = keyof ComponentTokenMap;
 export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: Partial<FullToken<ComponentName>> | ((token: GlobalToken) => Partial<FullToken<ComponentName>>)): (prefixCls: string) => {
     wrapSSR: (node: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/_util/genComponentStyleHook.js

@@ -29,17 +29,32 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/_util/genComponentStyleHook.ts
 var genComponentStyleHook_exports = {};
 __export(genComponentStyleHook_exports, {
-  genComponentStyleHook: () => genComponentStyleHook
+  genComponentStyleHook: () => genComponentStyleHook,
+  genSelectCommonStyle: () => genSelectCommonStyle
 });
 module.exports = __toCommonJS(genComponentStyleHook_exports);
-var import_internal = require("antd/es/theme/internal");
+var import_internal = require("../theme/internal");
 var import_theme = __toESM(require("../theme"));
+var genSelectCommonStyle = (token) => {
+  const { antCls } = token;
+  const selectComponentCls = `${antCls}-select`;
+  return {
+    [`${selectComponentCls}${selectComponentCls}-multiple`]: {
+      [`${selectComponentCls}-selection-item`]: {
+        borderRadius: token.borderRadius
+      }
+    }
+  };
+};
 function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return (prefixCls) => {
     const useStyle = (0, import_internal.genComponentStyleHook)(
       `OB-${componentName}`,
       (token) => {
-        return [styleFn(token)];
+        return [
+          genSelectCommonStyle(token),
+          styleFn(token)
+        ];
       },
       getDefaultToken,
       {
@@ -60,5 +75,6 @@ function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genComponentStyleHook
+  genComponentStyleHook,
+  genSelectCommonStyle
 });

package/lib/alert/index.d.ts

@@ -3,10 +3,10 @@ import type { AlertProps as AntAlertProps } from 'antd/es/alert';
 export * from 'antd/es/alert';
 export interface AlertProps extends AntAlertProps {
     ghost?: boolean;
-    colored?: boolean;
+    mini?: boolean;
 }
 declare const Alert: {
-    ({ type, ghost, colored, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ type: typeProp, showIcon, closable, ghost, mini, banner, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
     displayName: string;
 };

package/lib/alert/index.js

@@ -33,42 +33,51 @@ __export(alert_exports, {
   default: () => alert_default
 });
 module.exports = __toCommonJS(alert_exports);
-var import_react = __toESM(require("react"));
+var import_react = 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(alert_exports, require("antd/es/alert"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var iconMapOutlined = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleOutlined, null),
-  info: /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, null),
-  error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleOutlined, null),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null)
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {}),
+  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.InfoCircleOutlined, {}),
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleOutlined, {}),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {})
 };
 var Alert = ({
-  type,
+  type: typeProp,
+  showIcon = true,
+  closable,
   ghost,
-  colored,
+  mini,
+  banner,
   prefixCls: customizePrefixCls,
   className,
   ...restProps
 }) => {
+  const type = banner && !typeProp ? "warning" : typeProp;
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("alert", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const alertCls = (0, import_classnames.default)(
     {
+      [`${prefixCls}-closable`]: closable,
       [`${prefixCls}-ghost`]: ghost,
-      [`${prefixCls}-colored`]: colored
+      [`${prefixCls}-mini`]: mini
     },
     className
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Alert,
       {
         type,
+        showIcon,
+        closable,
+        banner,
         icon: iconMapOutlined[type],
         prefixCls: customizePrefixCls,
         className: alertCls,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type AlertToken = FullToken<'Alert'>;
 export declare const genAlertStyle: GenerateStyle<AlertToken>;
 declare const _default: (prefixCls: string) => {

package/lib/alert/style/index.js

@@ -24,118 +24,217 @@ __export(style_exports, {
 });
 module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genTypeStyle = (color, token) => {
-  const borderWidth = 8;
-  return {
-    content: '""',
-    width: borderWidth,
-    // 绕 Y 轴旋转 60deg 是为了让圆角有一定的视觉拉伸，以与原先的边框贴合更加紧密
-    transform: "rotateY(60deg)",
-    backgroundColor: color,
-    position: "absolute",
-    height: `calc(100% - ${token.lineWidth}px)`,
-    left: -token.lineWidth - borderWidth / 2 / 2,
-    top: token.lineWidth / 2,
-    borderTopLeftRadius: token.borderRadiusLG,
-    borderBottomLeftRadius: token.borderRadiusLG
+var import_lodash = require("lodash");
+var genAlertTypeStyle = (type, token) => {
+  const { componentCls } = token;
+  const textColor = token[`color${(0, import_lodash.upperFirst)(type)}Text`];
+  const hoverColor = token[`color${(0, import_lodash.upperFirst)(type)}TextHover`];
+  const activeColor = token[`color${(0, import_lodash.upperFirst)(type)}TextActive`];
+  const linkStyle = {
+    color: textColor,
+    textDecoration: "underline",
+    "&:hover": {
+      color: hoverColor
+    },
+    "&:active": {
+      color: activeColor
+    }
   };
-};
-var genColoredStyle = (color, colorHover, token) => {
-  const { componentCls, iconCls } = token;
   return {
     [`${componentCls}-message`]: {
-      color
+      color: textColor,
+      a: linkStyle
     },
     [`${componentCls}-description`]: {
-      color
+      a: linkStyle
     },
-    [`${componentCls}-close-icon`]: {
-      [`${iconCls}`]: {
-        color,
-        "&:hover": {
-          color: colorHover
-        }
-      },
-      [`${componentCls}-close-text`]: {
-        color,
-        "&:hover": {
-          color: colorHover
-        }
-      }
+    [`${componentCls}-icon`]: {
+      color: textColor
     }
   };
 };
 var genAlertStyle = (token) => {
-  const {
-    componentCls,
-    colorSuccess,
-    colorSuccessHover,
-    colorInfo,
-    colorInfoHover,
-    colorWarning,
-    colorWarningHover,
-    colorError,
-    colorErrorHover,
-    colorIcon,
-    colorIconHover,
-    motionDurationMid
-  } = token;
+  const { componentCls, colorIcon, colorIconHover, motionDurationMid } = token;
   const height = token.fontSize * token.lineHeight;
+  const iconWidth = token.fontSizeLG;
+  const contentStartOffset = iconWidth + token.marginXS;
+  const closeIconWidth = height;
   return {
     [`${componentCls}`]: {
       // vertical align to flex-start
       alignItems: "flex-start !important",
-      paddingRight: token.padding,
+      paddingInline: token.padding,
+      position: "relative",
       [`${componentCls}-icon`]: {
-        height
+        height,
+        fontSize: token.fontSizeLG,
+        marginInlineEnd: token.marginXS,
+        flexShrink: 0
       },
       [`${componentCls}-close-icon`]: {
+        position: "absolute",
+        top: token.paddingXS,
+        insetInlineEnd: token.padding,
         height,
         color: colorIcon,
         transition: `color ${motionDurationMid}`,
+        flexShrink: 0,
+        display: "flex",
+        alignItems: "center",
         "&:hover": {
           color: colorIconHover
         }
-      }
+      },
+      // Default link styles (will be overridden by type-specific styles)
+      [`${componentCls}-message`]: {
+        a: {
+          textDecoration: "underline"
+        }
+      },
+      [`${componentCls}-description`]: {
+        a: {
+          textDecoration: "underline"
+        }
+      },
+      [`&${componentCls}-success`]: genAlertTypeStyle("success", token),
+      [`&${componentCls}-info`]: genAlertTypeStyle("info", token),
+      [`&${componentCls}-warning`]: genAlertTypeStyle("warning", token),
+      [`&${componentCls}-error`]: genAlertTypeStyle("error", token)
     },
     [`${componentCls}:not(${componentCls}-with-description)`]: {
-      paddingLeft: token.padding
+      flexWrap: "wrap",
+      [`${componentCls}-content`]: {
+        flex: `1 1 calc(100% - ${contentStartOffset + closeIconWidth + token.padding}px)`,
+        minWidth: 0,
+        maxWidth: `calc(100% - ${contentStartOffset + closeIconWidth + token.padding}px)`,
+        wordBreak: "break-word"
+      },
+      [`${componentCls}-action`]: {
+        width: `calc(100% - ${contentStartOffset + token.padding}px)`,
+        marginInlineStart: contentStartOffset,
+        marginTop: token.marginXS
+      }
     },
     [`${componentCls}${componentCls}-with-description`]: {
-      paddingBlock: token.padding,
+      paddingBlock: token.paddingSM,
+      flexWrap: "wrap",
       [`${componentCls}-message`]: {
-        fontWeight: 500,
-        marginBottom: token.marginXXS
+        fontSize: token.fontSize,
+        fontWeight: token.fontWeightStrong,
+        marginBottom: token.marginXXS,
+        wordBreak: "break-word"
       },
       [`${componentCls}-description`]: {
-        color: token.colorTextSecondary
+        wordBreak: "break-word"
       },
-      [`${componentCls}-icon`]: {
-        fontSize: token.fontSizeHeading4,
-        height: token.fontSizeHeading3,
-        marginInlineEnd: token.margin
+      [`${componentCls}-content`]: {
+        flex: `1 1 calc(100% - ${contentStartOffset + closeIconWidth + token.padding}px)`,
+        minWidth: 0,
+        maxWidth: `calc(100% - ${contentStartOffset + closeIconWidth + token.padding}px)`,
+        wordBreak: "break-word"
       },
       [`${componentCls}-action`]: {
-        marginInlineStart: token.marginXS
+        width: `calc(100% - ${contentStartOffset + token.padding}px)`,
+        marginInlineStart: contentStartOffset,
+        marginTop: token.marginSM
+      },
+      [`${componentCls}-close-icon`]: {
+        top: token.paddingSM
       }
     },
-    [`${componentCls}:not(${componentCls}-banner):not(${componentCls}-ghost)`]: {
-      [`&${componentCls}-success::before`]: genTypeStyle(colorSuccess, token),
-      [`&${componentCls}-info::before`]: genTypeStyle(colorInfo, token),
-      [`&${componentCls}-warning::before`]: genTypeStyle(colorWarning, token),
-      [`&${componentCls}-error::before`]: genTypeStyle(colorError, token)
-    },
     [`${componentCls}${componentCls}-ghost`]: {
       backgroundColor: "transparent",
       border: "none",
-      padding: 0,
+      padding: "0px !important",
       borderRadius: 0
     },
-    [`${componentCls}-colored`]: {
-      [`&${componentCls}-success`]: genColoredStyle(colorSuccess, colorSuccessHover, token),
-      [`&${componentCls}-info`]: genColoredStyle(colorInfo, colorInfoHover, token),
-      [`&${componentCls}-warning`]: genColoredStyle(colorWarning, colorWarningHover, token),
-      [`&${componentCls}-error`]: genColoredStyle(colorError, colorErrorHover, token)
+    [`${componentCls}${componentCls}-mini`]: {
+      paddingBlock: token.paddingXXS,
+      paddingInline: token.paddingXS,
+      border: "none",
+      width: "fit-content",
+      display: "inline-flex",
+      alignItems: "center",
+      flexWrap: "nowrap",
+      [`${componentCls}-icon`]: {
+        marginInlineEnd: token.paddingXS,
+        flexShrink: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        lineHeight: 1
+      },
+      [`${componentCls}-message`]: {
+        whiteSpace: "nowrap",
+        wordBreak: "normal",
+        overflow: "visible",
+        lineHeight: token.lineHeight,
+        display: "flex",
+        alignItems: "center"
+      },
+      [`${componentCls}-content`]: {
+        display: "flex",
+        alignItems: "center",
+        flex: "0 1 auto",
+        whiteSpace: "nowrap",
+        minWidth: 0,
+        lineHeight: token.lineHeight
+      },
+      [`${componentCls}-close-icon`]: {
+        position: "relative",
+        top: token.paddingXXS,
+        insetInlineEnd: "auto",
+        height: "auto",
+        flexShrink: 0,
+        marginInlineStart: 0
+      },
+      [`&${componentCls}-closable`]: {
+        [`${componentCls}-content`]: {
+          paddingInlineEnd: token.paddingXS
+        }
+      },
+      [`&:not(${componentCls}-with-description)`]: {
+        flexWrap: "nowrap",
+        [`${componentCls}-content`]: {
+          flex: "0 1 auto",
+          minWidth: 0,
+          maxWidth: "none",
+          wordBreak: "normal"
+        }
+      },
+      [`&${componentCls}-with-description`]: {
+        paddingBlock: token.paddingXXS,
+        flexDirection: "row",
+        alignItems: "flex-start",
+        position: "relative",
+        flexWrap: "nowrap",
+        [`${componentCls}-icon`]: {
+          alignSelf: "flex-start",
+          marginTop: 0
+        },
+        [`${componentCls}-content`]: {
+          flexDirection: "column",
+          alignItems: "flex-start",
+          flex: "0 1 auto",
+          minWidth: 0,
+          maxWidth: "none",
+          wordBreak: "normal"
+        },
+        [`${componentCls}-message`]: {
+          marginBottom: token.marginXXS,
+          whiteSpace: "nowrap",
+          wordBreak: "normal"
+        },
+        [`${componentCls}-description`]: {
+          whiteSpace: "nowrap",
+          wordBreak: "normal"
+        },
+        [`${componentCls}-close-icon`]: {
+          position: "absolute",
+          top: token.paddingXXS,
+          insetInlineEnd: token.paddingXS
+        }
+      }
     }
   };
 };

package/lib/app/index.d.ts

@@ -1 +1,9 @@
+import React from 'react';
+import { App as AntApp } from 'antd';
+import type { AppProps } from 'antd/es/app';
 export * from 'antd/es/app';
+export type AppType = React.FC<AppProps> & {
+    useApp: typeof AntApp.useApp;
+};
+declare const App: AppType;
+export default App;

package/lib/app/index.js

@@ -1,7 +1,13 @@
+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))
@@ -11,12 +17,41 @@ var __copyProps = (to, from, except, desc) => {
   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);
 
-// src/app/index.ts
+// src/app/index.tsx
 var app_exports = {};
+__export(app_exports, {
+  default: () => app_default
+});
 module.exports = __toCommonJS(app_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
 __reExport(app_exports, require("antd/es/app"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var App = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+  const prefixCls = getPrefixCls("app", customizePrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const appCls = (0, import_classnames.default)(className);
+  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.App, { prefixCls: customizePrefixCls, className: appCls, ...restProps }));
+};
+App.useApp = import_antd.App.useApp;
+if (process.env.NODE_ENV !== "production") {
+  App.displayName = import_antd.App.displayName;
+}
+var app_default = App;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/app")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from '../../theme/interface';
+export type AppToken = FullToken<'App'>;
+export declare const genAppStyle: GenerateStyle<AppToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/{_util/getWeakenBorderColor.js → app/style/index.js}

@@ -16,17 +16,27 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/_util/getWeakenBorderColor.ts
-var getWeakenBorderColor_exports = {};
-__export(getWeakenBorderColor_exports, {
-  getWeakenBorderColor: () => getWeakenBorderColor
+// src/app/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genAppStyle: () => genAppStyle
 });
-module.exports = __toCommonJS(getWeakenBorderColor_exports);
-var import_tinycolor = require("@ctrl/tinycolor");
-function getWeakenBorderColor(color) {
-  return new import_tinycolor.TinyColor(color).setAlpha(0.4).toHex8String();
-}
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genAppStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {}
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("App", (token) => {
+    return [genAppStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getWeakenBorderColor
+  genAppStyle
 });

package/lib/badge/index.js

@@ -40,28 +40,29 @@ 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 import_jsx_runtime = require("react/jsx-runtime");
 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 { getPrefixCls } = (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(
+      default: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusCircleFilled, { rotate: 45 }),
+      processing: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.Loading3QuartersOutlined,
         {
           style: {
             display: "inline-block"
           },
-          className: `${iconPrefixCls}-spin`
+          spin: true
         }
       ),
-      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)
+      success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleFilled, {}),
+      error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleFilled, {}),
+      warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EllipsisCircleFilled, {})
     };
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: status && icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "span",
         {
           ref,
@@ -69,17 +70,19 @@ var Badge = import_react.default.forwardRef(
           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(
+          ...restProps,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`),
+                children: import_react.default.isValidElement(icon) ? icon : iconMap[status]
+              }
+            ),
+            text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-status-text`, children: text })
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Badge,
         {
           ref,
@@ -89,7 +92,7 @@ var Badge = import_react.default.forwardRef(
           text,
           ...restProps
         }
-      ))
+      ) })
     );
   }
 );

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

@@ -1,5 +1,5 @@
 /// <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) => {

package/lib/badge/style/index.js

@@ -35,9 +35,7 @@ var genBadgeStyle = (token) => {
     [`${componentCls}${componentCls}-status`]: {
       // dot style
       [`${componentCls}-status-dot`]: {
-        [`&${componentCls}-status-default`]: {
-          backgroundColor: token.colorFill
-        }
+        [`&${componentCls}-status-default`]: {}
       },
       // icon style
       [`${componentCls}-status-icon`]: {

package/lib/button/index.js

@@ -39,6 +39,7 @@ 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 import_jsx_runtime = require("react/jsx-runtime");
 var Button = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { theme, getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var Button = import_react.default.forwardRef(
     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 })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
     );
   }
 );