@bifrostui/react 2.0.0-alpha.2 → 2.0.0-alpha.20

package/dist/ActionSheet/ActionSheet.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ActionSheetProps } from './ActionSheet.types';
 import './ActionSheet.less';
 declare const ActionSheet: React.ForwardRefExoticComponent<Omit<ActionSheetProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/ActionSheet/ActionSheet.js

@@ -57,15 +57,15 @@ __export(ActionSheet_exports, {
 });
 module.exports = __toCommonJS(ActionSheet_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Drawer = __toESM(require("../Drawer"));
 var import_ActionSheetContext = __toESM(require("./ActionSheetContext"));
 var import_ActionSheet2 = require("./ActionSheet.css");
 const prefixCls = "bui-action-sheet";
 const ActionSheetCancel = ({ children, onClick }) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item ${prefixCls}-cancel`, onClick }, children);
+  return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item ${prefixCls}-cancel`, onClick }, children);
 };
-const ActionSheet = /* @__PURE__ */ import_react.default.forwardRef(
+const ActionSheet = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, {
       open,
@@ -84,7 +84,7 @@ const ActionSheet = /* @__PURE__ */ import_react.default.forwardRef(
       "children",
       "onSelect"
     ]);
-    const context = import_react.default.useMemo(() => {
+    const context = React.useMemo(() => {
       return {
         onSelect
       };
@@ -92,7 +92,7 @@ const ActionSheet = /* @__PURE__ */ import_react.default.forwardRef(
     const onCancelClick = (event) => {
       onClose(event, { from: "cancelText" });
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_ActionSheetContext.default.Provider, { value: context }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(import_ActionSheetContext.default.Provider, { value: context }, /* @__PURE__ */ React.createElement(
       import_Drawer.default,
       __spreadValues({
         ref,
@@ -101,9 +101,9 @@ const ActionSheet = /* @__PURE__ */ import_react.default.forwardRef(
         className: (0, import_clsx.default)(prefixCls, className),
         contentProps: { className: `${prefixCls}-content` }
       }, others),
-      extra && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-extra` }, extra),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-wrapper` }, children),
-      cancelText && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-gap` }), /* @__PURE__ */ import_react.default.createElement(ActionSheetCancel, { onClick: onCancelClick }, cancelText))
+      extra && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-extra` }, extra),
+      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item-wrapper` }, children),
+      cancelText && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-gap` }), /* @__PURE__ */ React.createElement(ActionSheetCancel, { onClick: onCancelClick }, cancelText))
     ));
   }
 );

package/dist/ActionSheet/ActionSheet.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DrawerProps } from '../Drawer/Drawer.types';
 import { ModalProps } from '../Modal/Modal.types';
 export interface ActionSheetProps extends DrawerProps {

package/dist/ActionSheet/ActionSheetContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ActionSheetContextValue } from './ActionSheet.types';
 declare const ActionSheetContext: React.Context<ActionSheetContextValue>;
 export default ActionSheetContext;

package/dist/ActionSheet/ActionSheetContext.js

@@ -30,7 +30,7 @@ __export(ActionSheetContext_exports, {
   default: () => ActionSheetContext_default
 });
 module.exports = __toCommonJS(ActionSheetContext_exports);
-var import_react = __toESM(require("react"));
-const ActionSheetContext = import_react.default.createContext(void 0);
+var React = __toESM(require("react"));
+const ActionSheetContext = React.createContext(void 0);
 ActionSheetContext.displayName = "BuiActionSheetContext";
 var ActionSheetContext_default = ActionSheetContext;

package/dist/ActionSheet/ActionSheetItem.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps, ThemeColor } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ActionSheetItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**

package/dist/Alert/Alert.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AlertProps } from './Alert.types';
 import './index.less';
 declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Alert/Alert.js

@@ -58,41 +58,41 @@ __export(Alert_exports, {
 module.exports = __toCommonJS(Alert_exports);
 var import_icons = require("@bifrostui/icons");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_IconButton = require("../IconButton");
 var import_index = require("./index.css");
 const prefixCls = "bui-alert";
 const iconMap = {
-  danger: /* @__PURE__ */ import_react.default.createElement(
+  danger: /* @__PURE__ */ React.createElement(
     import_icons.ErrorCircleFilledIcon,
     {
       color: "danger",
       className: `${prefixCls}-default-icon`
     }
   ),
-  success: /* @__PURE__ */ import_react.default.createElement(
+  success: /* @__PURE__ */ React.createElement(
     import_icons.SuccessCircleFilledIcon,
     {
       color: "success",
       className: `${prefixCls}-default-icon`
     }
   ),
-  warning: /* @__PURE__ */ import_react.default.createElement(
+  warning: /* @__PURE__ */ React.createElement(
     import_icons.AlertCircleFilledIcon,
     {
       color: "warning",
       className: `${prefixCls}-default-icon`
     }
   ),
-  info: /* @__PURE__ */ import_react.default.createElement(
+  info: /* @__PURE__ */ React.createElement(
     import_icons.AlertCircleFilledIcon,
     {
       color: "info",
       className: `${prefixCls}-default-icon`
     }
   ),
-  primary: /* @__PURE__ */ import_react.default.createElement(
+  primary: /* @__PURE__ */ React.createElement(
     import_icons.VolumeUpOutlinedIcon,
     {
       color: "primary",
@@ -105,16 +105,16 @@ const AlertIcon = (props) => {
   const { icon, color } = props;
   if (!icon)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-icon`) }, import_utils.isMini && import_react.default.isValidElement(icon) ? import_react.default.cloneElement(icon, __spreadValues({}, { color: ((_a = icon.props) == null ? void 0 : _a.color) || color })) : icon);
+  return /* @__PURE__ */ React.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-icon`) }, import_utils.isMini && React.isValidElement(icon) ? React.cloneElement(icon, __spreadValues({}, { color: ((_a = icon.props) == null ? void 0 : _a.color) || color })) : icon);
 };
 const AlertAction = (props) => {
   const { color, action, onClose } = props;
   if (!action && !onClose)
     return null;
   if (action) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-action`, onClick: onClose }, action);
+    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-action`, onClick: onClose }, action);
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_IconButton.IconButton,
     {
       className: `${prefixCls}-action`,
@@ -122,10 +122,10 @@ const AlertAction = (props) => {
       onClick: onClose,
       "aria-label": "\u5173\u95ED\u6309\u94AE"
     },
-    /* @__PURE__ */ import_react.default.createElement(import_icons.CloseIcon, null)
+    /* @__PURE__ */ React.createElement(import_icons.CloseIcon, null)
   );
 };
-const Alert = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Alert = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     color,
     className,
@@ -147,7 +147,7 @@ const Alert = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "onClose",
     "onClick"
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, [
@@ -156,8 +156,8 @@ const Alert = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       onClick,
       ref
     }, others),
-    /* @__PURE__ */ import_react.default.createElement(AlertIcon, { icon: icon === true ? iconMap[color] : icon, color }),
-    marquee ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-marquee` }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(AlertIcon, { icon: icon === true ? iconMap[color] : icon, color }),
+    marquee ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-marquee` }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: (0, import_clsx.default)(`${prefixCls}-content`, [
@@ -165,8 +165,8 @@ const Alert = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         ])
       },
       children
-    )) : /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, children),
-    /* @__PURE__ */ import_react.default.createElement(AlertAction, { action, onClose, color })
+    )) : /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children),
+    /* @__PURE__ */ React.createElement(AlertAction, { action, onClose, color })
   );
 });
 Alert.displayName = "BuiAlert";

package/dist/Alert/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Alert 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/dist/Alert/__tests__/fixtures/A11yDemos.js

@@ -34,10 +34,10 @@ __export(A11yDemos_exports, {
   multipleTypeAlertDemo: () => multipleTypeAlertDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Alert = __toESM(require("../../Alert"));
 const basicAlertDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Alert.default,
     {
       color: "info",
@@ -49,7 +49,7 @@ const basicAlertDemo = () => {
   ));
 };
 const multipleTypeAlertDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Alert.default,
     {
       color: "info",
@@ -58,7 +58,7 @@ const multipleTypeAlertDemo = () => {
       }
     },
     "\u4FE1\u606F\u63D0\u793A"
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     import_Alert.default,
     {
       color: "success",
@@ -67,7 +67,7 @@ const multipleTypeAlertDemo = () => {
       }
     },
     "\u6210\u529F\u63D0\u793A"
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     import_Alert.default,
     {
       color: "warning",
@@ -76,7 +76,7 @@ const multipleTypeAlertDemo = () => {
       }
     },
     "\u8B66\u544A\u63D0\u793A"
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     import_Alert.default,
     {
       color: "danger",
@@ -88,11 +88,11 @@ const multipleTypeAlertDemo = () => {
   ));
 };
 const actionAlertDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Alert.default,
     {
       color: "info",
-      action: /* @__PURE__ */ import_react.default.createElement(
+      action: /* @__PURE__ */ React.createElement(
         "button",
         {
           type: "button",
@@ -111,11 +111,11 @@ const actionAlertDemo = () => {
 };
 const complexInteractionAlertDemo = () => {
   const ComplexInteractionAlertDemo = () => {
-    const [showAlert, setShowAlert] = import_react.default.useState(true);
+    const [showAlert, setShowAlert] = React.useState(true);
     if (!showAlert) {
-      return /* @__PURE__ */ import_react.default.createElement("button", { type: "button", onClick: () => setShowAlert(true) }, "\u91CD\u65B0\u663E\u793A Alert");
+      return /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setShowAlert(true) }, "\u91CD\u65B0\u663E\u793A Alert");
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
       import_Alert.default,
       {
         color: "warning",
@@ -126,7 +126,7 @@ const complexInteractionAlertDemo = () => {
       "\u8FD9\u662F\u4E00\u4E2A\u53EF\u4EE5\u5173\u95ED\u7684 Alert \u7EC4\u4EF6\uFF0C\u5173\u95ED\u540E\u4F1A\u663E\u793A\u91CD\u65B0\u663E\u793A\u6309\u94AE"
     ));
   };
-  return /* @__PURE__ */ import_react.default.createElement(ComplexInteractionAlertDemo, null);
+  return /* @__PURE__ */ React.createElement(ComplexInteractionAlertDemo, null);
 };
 var A11yDemos_default = {
   basicAlertDemo,

package/dist/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AvatarProps } from './Avatar.types';
 import './Avatar.less';
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Avatar/Avatar.js

@@ -60,11 +60,11 @@ __export(Avatar_exports, {
 });
 module.exports = __toCommonJS(Avatar_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Image = __toESM(require("../Image"));
 var import_Avatar2 = require("./Avatar.css");
 const prefixCls = "bui-avatar";
-const Avatar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     className,
     onClick,
@@ -94,7 +94,7 @@ const Avatar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "placeholder",
     "ImageProps"
   ]);
-  const AvatarImg = src ? /* @__PURE__ */ import_react.default.createElement(
+  const AvatarImg = src ? /* @__PURE__ */ React.createElement(
     import_Image.default,
     __spreadProps(__spreadValues({
       src,
@@ -109,8 +109,8 @@ const Avatar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     }),
     children
   ) : null;
-  const createElement = (element) => element ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-children` }, element) : null;
-  return /* @__PURE__ */ import_react.default.createElement(
+  const createElement = (element) => element ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-children` }, element) : null;
+  return /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(

package/dist/Avatar/Avatar.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 import { ImageProps } from '../Image/Image.types';
 export type AvatarProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {

package/dist/Avatar/AvatarGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type AvatarGroupProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**

package/dist/Backdrop/Backdrop.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BackdropProps } from './Backdrop.types';
 import './index.less';
 declare const Backdrop: React.ForwardRefExoticComponent<Omit<BackdropProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Backdrop/Backdrop.js

@@ -57,11 +57,11 @@ __export(Backdrop_exports, {
 });
 module.exports = __toCommonJS(Backdrop_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Fade = __toESM(require("../Fade"));
 var import_index = require("./index.css");
 const prefixCls = "bui-backdrop";
-const Backdrop = /* @__PURE__ */ import_react.default.forwardRef(
+const Backdrop = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, {
       children,
@@ -76,7 +76,7 @@ const Backdrop = /* @__PURE__ */ import_react.default.forwardRef(
       "open",
       "transitionDuration"
     ]);
-    return /* @__PURE__ */ import_react.default.createElement(import_Fade.default, __spreadValues({ in: open, timeout: transitionDuration }, others), /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(import_Fade.default, __spreadValues({ in: open, timeout: transitionDuration }, others), /* @__PURE__ */ React.createElement(
       "div",
       {
         "aria-hidden": "true",

package/dist/Backdrop/Backdrop.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 import { FadeProps } from '../Fade/Fade.types';
 import { TransitionProps } from '../Transition';
 export interface BackdropTypeMap<D extends React.ElementType = 'div', P = {}> {

package/dist/Backdrop/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const basicBackdropDemo: () => React.JSX.Element;
 export declare const invisibleBackdropDemo: () => React.JSX.Element;
 declare const _default: {

package/dist/Backdrop/__tests__/fixtures/A11yDemos.js

@@ -32,13 +32,13 @@ __export(A11yDemos_exports, {
   invisibleBackdropDemo: () => invisibleBackdropDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Backdrop = __toESM(require("../../Backdrop"));
 const basicBackdropDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Backdrop.default, { open: true });
+  return /* @__PURE__ */ React.createElement(import_Backdrop.default, { open: true });
 };
 const invisibleBackdropDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Backdrop.default, { open: true, invisible: true });
+  return /* @__PURE__ */ React.createElement(import_Backdrop.default, { open: true, invisible: true });
 };
 var A11yDemos_default = {
   basicBackdropDemo,

package/dist/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BadgeProps } from './Badge.types';
 import './index.less';
 declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Badge/Badge.js

@@ -57,12 +57,12 @@ __export(Badge_exports, {
 });
 module.exports = __toCommonJS(Badge_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_useBadgeDisplay = require("./hooks/useBadgeDisplay");
 var import_useBadgeA11y = require("./hooks/useBadgeA11y");
 var import_index = require("./index.css");
 const prefixCls = "bui-badge";
-const Badge = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Badge = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     className,
     children,
@@ -109,7 +109,7 @@ const Badge = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   });
   if (invisible)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(`${prefixCls}`, className, {
@@ -117,7 +117,7 @@ const Badge = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       }),
       ref
     }, others),
-    shouldShowBadge && /* @__PURE__ */ import_react.default.createElement(
+    shouldShowBadge && /* @__PURE__ */ React.createElement(
       "div",
       __spreadValues({
         className: (0, import_clsx.default)(

package/dist/Badge/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Badge 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/dist/Badge/__tests__/fixtures/A11yDemos.js

@@ -38,31 +38,31 @@ __export(A11yDemos_exports, {
   typeBadgeDemo: () => typeBadgeDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Badge = __toESM(require("../../Badge"));
 const basicBadgeDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "12" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5185\u5BB9")));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Badge.default, { content: "12" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5185\u5BB9")));
 };
 const colorBadgeDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "1", color: "primary" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Primary")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "2", color: "success" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Success")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "3", color: "warning" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Warning")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "4", color: "danger" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Danger")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(import_Badge.default, { content: "1", color: "primary" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Primary")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: "2", color: "success" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Success")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: "3", color: "warning" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Warning")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: "4", color: "danger" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Danger")));
 };
 const typeBadgeDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "99", type: "standard" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Standard")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { type: "dot" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Dot")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "NEW", type: "bubble" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Bubble")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(import_Badge.default, { content: "99", type: "standard" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Standard")), /* @__PURE__ */ React.createElement(import_Badge.default, { type: "dot" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Dot")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: "NEW", type: "bubble" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Bubble")));
 };
 const maxBadgeDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 99, max: 50 }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "50+")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 150, max: 99 }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "99+")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(import_Badge.default, { content: 99, max: 50 }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "50+")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: 150, max: 99 }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "99+")));
 };
 const accessibilityBadgeDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", flexDirection: "column" } }, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 5, "aria-label": "\u81EA\u5B9A\u4E49\u6807\u7B7E" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u81EA\u5B9A\u4E49\u6807\u7B7E")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 3, role: "img" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u81EA\u5B9A\u4E49\u89D2\u8272")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 1, "aria-hidden": true }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u9690\u85CF\u89D2\u8272")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 2, "aria-hidden": true }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u9690\u85CF")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(import_Badge.default, { content: 5, "aria-label": "\u81EA\u5B9A\u4E49\u6807\u7B7E" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u81EA\u5B9A\u4E49\u6807\u7B7E")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: 3, role: "img" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u81EA\u5B9A\u4E49\u89D2\u8272")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: 1, "aria-hidden": true }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u9690\u85CF\u89D2\u8272")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: 2, "aria-hidden": true }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u9690\u85CF")));
 };
 const invisibilityBadgeDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 0, showZero: true }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "ShowZero")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 0, showZero: false }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "HideZero")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 5, invisible: false }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Visible")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(import_Badge.default, { content: 0, showZero: true }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "ShowZero")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: 0, showZero: false }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "HideZero")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: 5, invisible: false }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Visible")));
 };
 const complexInteractionBadgeDemo = () => {
   const ComplexInteractionBadgeDemo = () => {
-    const [count, setCount] = import_react.default.useState(1);
-    const [visible, setVisible] = import_react.default.useState(true);
-    return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: count, invisible: !visible }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5185\u5BB9")), /* @__PURE__ */ import_react.default.createElement(
+    const [count, setCount] = React.useState(1);
+    const [visible, setVisible] = React.useState(true);
+    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", alignItems: "center" } }, /* @__PURE__ */ React.createElement(import_Badge.default, { content: count, invisible: !visible }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5185\u5BB9")), /* @__PURE__ */ React.createElement(
       "button",
       {
         type: "button",
@@ -72,7 +72,7 @@ const complexInteractionBadgeDemo = () => {
       "\u589E\u52A0(",
       count,
       ")"
-    ), /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ React.createElement(
       "button",
       {
         type: "button",
@@ -82,10 +82,10 @@ const complexInteractionBadgeDemo = () => {
       visible ? "\u9690\u85CF" : "\u663E\u793A"
     ));
   };
-  return /* @__PURE__ */ import_react.default.createElement(ComplexInteractionBadgeDemo, null);
+  return /* @__PURE__ */ React.createElement(ComplexInteractionBadgeDemo, null);
 };
 const specialContentBadgeDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" } }, /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "NEW" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u6587\u672C")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "99+" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "99+")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: 1 }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5355\u6570")), /* @__PURE__ */ import_react.default.createElement(import_Badge.default, { content: "" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u7A7A\u5185\u5BB9")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" } }, /* @__PURE__ */ React.createElement(import_Badge.default, { content: "NEW" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u6587\u672C")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: "99+" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "99+")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: 1 }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5355\u6570")), /* @__PURE__ */ React.createElement(import_Badge.default, { content: "" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u7A7A\u5185\u5BB9")));
 };
 var A11yDemos_default = {
   basicBadgeDemo,

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BreadcrumbProps } from './Breadcrumb.types';
 import './index.less';
 declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps<"nav", {}>, "ref"> & React.RefAttributes<HTMLElement>>;