@bifrostui/react 2.0.0-alpha.3 → 2.0.0-alpha.30

package/dist/Toast/Toast.js

@@ -59,14 +59,14 @@ __export(Toast_exports, {
   default: () => Toast_default
 });
 module.exports = __toCommonJS(Toast_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_icons = require("@bifrostui/icons");
 var import_Fade = __toESM(require("../Fade"));
 var import_Backdrop = __toESM(require("../Backdrop"));
 var import_index = require("./index.css");
 const prefixCls = "bui-toast";
-const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const ToastComponent = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     className,
     style,
@@ -91,28 +91,28 @@ const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef((props, r
     "transitionDuration"
   ]);
   const iconMap = {
-    fail: /* @__PURE__ */ import_react.default.createElement(
+    fail: /* @__PURE__ */ React.createElement(
       import_icons.ErrorCircleFilledBoldIcon,
       {
         htmlColor: "var(--bui-color-white)",
         "aria-hidden": "true"
       }
     ),
-    loading: /* @__PURE__ */ import_react.default.createElement(
+    loading: /* @__PURE__ */ React.createElement(
       import_icons.AccessTimeCircleFilledBoldIcon,
       {
         htmlColor: "var(--bui-color-white)",
         "aria-hidden": "true"
       }
     ),
-    warning: /* @__PURE__ */ import_react.default.createElement(
+    warning: /* @__PURE__ */ React.createElement(
       import_icons.AlertCircleFilledBoldIcon,
       {
         htmlColor: "var(--bui-color-white)",
         "aria-hidden": "true"
       }
     ),
-    success: /* @__PURE__ */ import_react.default.createElement(
+    success: /* @__PURE__ */ React.createElement(
       import_icons.SuccessCircleFilledBoldIcon,
       {
         htmlColor: "var(--bui-color-white)",
@@ -127,7 +127,7 @@ const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef((props, r
     role = "alert";
     ariaLive = "assertive";
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, disableClick && /* @__PURE__ */ import_react.default.createElement(import_Backdrop.default, { invisible: true, open: true }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, disableClick && /* @__PURE__ */ React.createElement(import_Backdrop.default, { invisible: true, open: true }), /* @__PURE__ */ React.createElement(
     import_Fade.default,
     __spreadProps(__spreadValues({}, others), {
       in: open,
@@ -135,7 +135,7 @@ const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef((props, r
       timeout: transitionDuration,
       unmountOnExit: true
     }),
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       "div",
       {
         ref,

package/dist/Toast/Toast.types.d.ts

@@ -46,7 +46,7 @@ export interface ToastProps extends FadeProps {
      * 渲染Toast的根容器
      * @default document.body
      */
-    container?: HTMLElement | (() => HTMLElement);
+    container?: HTMLElement | (() => HTMLElement) | null;
     /**
      * 关闭时的回调函数
      */

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

@@ -1,2 +1,2 @@
-import React from 'react';
+import * as React from 'react';
 export declare const ToastDemo: () => React.JSX.Element;

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

@@ -30,12 +30,12 @@ __export(A11yDemos_exports, {
   ToastDemo: () => ToastDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Button = require("../../../Button");
 var import_FunctionalToast = __toESM(require("../../FunctionalToast"));
 const ToastDemo = () => {
   const [toast] = import_FunctionalToast.default.useToast();
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_Button.Button,
     {
       onClick: () => {

package/dist/Toast/index.css

@@ -15,10 +15,13 @@ xhs-page {
 }
 .bui-toast {
   position: fixed;
-  left: 50%;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
   z-index: var(--bui-z-index-toast);
   min-width: var(--bui-toast-min-width);
   max-width: var(--bui-toast-max-width);
+  width: fit-content;
   padding: var(--bui-toast-padding);
   font-size: var(--bui-text-size-1);
   color: var(--bui-color-white);
@@ -31,20 +34,19 @@ xhs-page {
 }
 .bui-toast.bui-toast-allow-click {
   position: fixed;
-  right: unset;
   bottom: unset;
 }
 .bui-toast-center {
   top: 50%;
-  transform: translate(-50%, -50%);
+  transform: translateY(-50%);
 }
 .bui-toast-top {
   top: var(--bui-toast-position-top);
-  transform: translate(-50%, calc(-1 * var(--bui-toast-position-top)));
+  transform: translateY(calc(-1 * var(--bui-toast-position-top)));
 }
 .bui-toast-bottom {
   top: var(--bui-toast-position-bottom);
-  transform: translate(-50%, calc(-1 * var(--bui-toast-position-bottom)));
+  transform: translateY(calc(-1 * var(--bui-toast-position-bottom)));
 }
 .bui-toast-icon {
   display: flex;

package/dist/Tooltip/Tooltip.d.ts

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

package/dist/Tooltip/Tooltip.js

@@ -60,12 +60,12 @@ __export(Tooltip_exports, {
 });
 module.exports = __toCommonJS(Tooltip_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Portal = __toESM(require("../Portal"));
 var import_useTooltip = require("./useTooltip");
 var import_index = require("./index.css");
 const prefixCls = "bui-tooltip";
-const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     className,
     style,
@@ -123,7 +123,7 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     children,
     rootRef: ref
   });
-  if (!import_react.default.isValidElement(children)) {
+  if (!React.isValidElement(children)) {
     console.warn(
       "BUI Tooltip: children must be a valid React element that can accept a ref."
     );
@@ -139,12 +139,12 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   }));
   const childProps = getChildProps();
   const portalProps = getPortalProps();
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isOpen && title ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, __spreadValues({}, portalProps), /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({}, tooltipProps), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, isOpen && title ? /* @__PURE__ */ React.createElement(import_Portal.default, __spreadValues({}, portalProps), /* @__PURE__ */ React.createElement("div", __spreadValues({}, tooltipProps), /* @__PURE__ */ React.createElement(
     "div",
     {
       className: (0, import_clsx.default)("bui-tooltip-arrow", `location-${arrowLocation}`)
     }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "bui-tooltip-content" }, title))) : null, import_react.default.cloneElement(children, childProps));
+  ), /* @__PURE__ */ React.createElement("div", { className: "bui-tooltip-content" }, title))) : null, React.cloneElement(children, childProps));
 });
 Tooltip.displayName = "BuiTooltip";
 var Tooltip_default = Tooltip;

package/dist/Tooltip/Tooltip.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 /**
  * 触发 Tooltip 显示的事件类型

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

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

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

@@ -38,44 +38,44 @@ __export(A11yDemos_exports, {
   triggerTooltipDemo: () => triggerTooltipDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Tooltip = __toESM(require("../../Tooltip"));
 const basicTooltipDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684\u63D0\u793A\u6587\u672C" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u57FA\u7840Tooltip")));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684\u63D0\u793A\u6587\u672C" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u57FA\u7840Tooltip")));
 };
 const placementTooltipDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" } }, /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u9876\u90E8\u63D0\u793A", placement: "top" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u9876\u90E8")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u53F3\u4FA7\u63D0\u793A", placement: "right" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u53F3\u4FA7")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u5E95\u90E8\u63D0\u793A", placement: "bottom" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u5E95\u90E8")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u5DE6\u4FA7\u63D0\u793A", placement: "left" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u5DE6\u4FA7")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" } }, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u9876\u90E8\u63D0\u793A", placement: "top" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u9876\u90E8")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u53F3\u4FA7\u63D0\u793A", placement: "right" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u53F3\u4FA7")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u5E95\u90E8\u63D0\u793A", placement: "bottom" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u5E95\u90E8")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u5DE6\u4FA7\u63D0\u793A", placement: "left" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u5DE6\u4FA7")));
 };
 const triggerTooltipDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u70B9\u51FB\u89E6\u53D1\u7684\u63D0\u793A", trigger: "click" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u70B9\u51FB\u89E6\u53D1")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u60AC\u505C\u89E6\u53D1\u7684\u63D0\u793A", trigger: "hover" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u60AC\u505C\u89E6\u53D1")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u70B9\u51FB\u89E6\u53D1\u7684\u63D0\u793A", trigger: "click" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u70B9\u51FB\u89E6\u53D1")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u60AC\u505C\u89E6\u53D1\u7684\u63D0\u793A", trigger: "hover" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u60AC\u505C\u89E6\u53D1")));
 };
 const accessibilityTooltipDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", flexDirection: "column" } }, /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u81EA\u5B9A\u4E49\u89D2\u8272\u7684\u63D0\u793A", role: "status", "aria-label": "\u72B6\u6001\u63D0\u793A" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u72B6\u6001\u63D0\u793A")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u652F\u6301Escape\u952E\u5173\u95ED", closeOnEscape: true, trigger: "click" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "Escape\u952E\u5173\u95ED")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u81EA\u5B9A\u4E49\u89D2\u8272\u7684\u63D0\u793A", role: "status", "aria-label": "\u72B6\u6001\u63D0\u793A" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u72B6\u6001\u63D0\u793A")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u652F\u6301Escape\u952E\u5173\u95ED", closeOnEscape: true, trigger: "click" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "Escape\u952E\u5173\u95ED")));
 };
 const complexInteractionTooltipDemo = () => {
   const ComplexInteractionTooltipDemo = () => {
-    const [open, setOpen] = import_react.default.useState(false);
-    return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement(
+    const [open, setOpen] = React.useState(false);
+    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", alignItems: "center" } }, /* @__PURE__ */ React.createElement(
       import_Tooltip.default,
       {
         title: "\u53D7\u63A7\u6A21\u5F0F\u7684\u63D0\u793A",
         open,
         onOpenChange: (_, data) => setOpen(data.open)
       },
-      /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u53D7\u63A7Tooltip")
-    ), /* @__PURE__ */ import_react.default.createElement("button", { type: "button", onClick: () => setOpen(!open) }, "\u5916\u90E8\u63A7\u5236: ", open ? "\u5173\u95ED" : "\u6253\u5F00"));
+      /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u53D7\u63A7Tooltip")
+    ), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setOpen(!open) }, "\u5916\u90E8\u63A7\u5236: ", open ? "\u5173\u95ED" : "\u6253\u5F00"));
   };
-  return /* @__PURE__ */ import_react.default.createElement(ComplexInteractionTooltipDemo, null);
+  return /* @__PURE__ */ React.createElement(ComplexInteractionTooltipDemo, null);
 };
 const complexContentTooltipDemo = () => {
-  const ComplexContent = () => /* @__PURE__ */ import_react.default.createElement("div", { style: { maxWidth: "200px" } }, /* @__PURE__ */ import_react.default.createElement("h4", { style: { margin: "0 0 8px 0", fontSize: "14px" } }, "\u590D\u6742\u5185\u5BB9"), /* @__PURE__ */ import_react.default.createElement("p", { style: { margin: "0 0 8px 0", fontSize: "12px" } }, "\u8FD9\u662F\u4E00\u4E2A\u5305\u542B\u591A\u79CD\u5143\u7D20\u7684\u590D\u6742\u63D0\u793A\u5185\u5BB9\u3002"), /* @__PURE__ */ import_react.default.createElement("ul", { style: { margin: 0, fontSize: "12px", paddingLeft: "16px" } }, /* @__PURE__ */ import_react.default.createElement("li", null, "\u9879\u76EE\u4E00"), /* @__PURE__ */ import_react.default.createElement("li", null, "\u9879\u76EE\u4E8C")));
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: /* @__PURE__ */ import_react.default.createElement(ComplexContent, null) }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u590D\u6742\u5185\u5BB9Tooltip")));
+  const ComplexContent = () => /* @__PURE__ */ React.createElement("div", { style: { maxWidth: "200px" } }, /* @__PURE__ */ React.createElement("h4", { style: { margin: "0 0 8px 0", fontSize: "14px" } }, "\u590D\u6742\u5185\u5BB9"), /* @__PURE__ */ React.createElement("p", { style: { margin: "0 0 8px 0", fontSize: "12px" } }, "\u8FD9\u662F\u4E00\u4E2A\u5305\u542B\u591A\u79CD\u5143\u7D20\u7684\u590D\u6742\u63D0\u793A\u5185\u5BB9\u3002"), /* @__PURE__ */ React.createElement("ul", { style: { margin: 0, fontSize: "12px", paddingLeft: "16px" } }, /* @__PURE__ */ React.createElement("li", null, "\u9879\u76EE\u4E00"), /* @__PURE__ */ React.createElement("li", null, "\u9879\u76EE\u4E8C")));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: /* @__PURE__ */ React.createElement(ComplexContent, null) }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u590D\u6742\u5185\u5BB9Tooltip")));
 };
 const offsetTooltipDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u65E0\u504F\u79FB", offset: 0 }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u65E0\u504F\u79FB")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u504F\u79FB10px", offset: 10 }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u504F\u79FB10px")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u504F\u79FB20px", offset: 20 }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u504F\u79FB20px")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u65E0\u504F\u79FB", offset: 0 }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u65E0\u504F\u79FB")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u504F\u79FB10px", offset: 10 }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u504F\u79FB10px")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u504F\u79FB20px", offset: 20 }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u504F\u79FB20px")));
 };
 const edgeCaseTooltipDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", flexDirection: "column" } }, /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u7A7A\u5185\u5BB9")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: "\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u7684\u63D0\u793A\u6587\u672C\u5185\u5BB9" }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u957F\u6587\u672C")), /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: `\u7279\u6B8A\u5B57\u7B26 !@#$%^&*()_+-=[]{}|;':",./` }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u7279\u6B8A\u5B57\u7B26")));
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u7A7A\u5185\u5BB9")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: "\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u5F88\u957F\u7684\u63D0\u793A\u6587\u672C\u5185\u5BB9" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u957F\u6587\u672C")), /* @__PURE__ */ React.createElement(import_Tooltip.default, { title: `\u7279\u6B8A\u5B57\u7B26 !@#$%^&*()_+-=[]{}|;':",./` }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u7279\u6B8A\u5B57\u7B26")));
 };
 var A11yDemos_default = {
   basicTooltipDemo,

package/dist/Transition/Transition.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TransitionProps } from './Transition.types';
 export declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLElement>>;
 export default Transition;

package/dist/Transition/Transition.js

@@ -48,11 +48,11 @@ __export(Transition_exports, {
   default: () => Transition_default
 });
 module.exports = __toCommonJS(Transition_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_TransitionCore = __toESM(require("./TransitionCore"));
-const Transition = /* @__PURE__ */ import_react.default.forwardRef(
+const Transition = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_TransitionCore.default, __spreadProps(__spreadValues({}, props), { ref, nextTick: setTimeout }));
+    return /* @__PURE__ */ React.createElement(import_TransitionCore.default, __spreadProps(__spreadValues({}, props), { ref, nextTick: setTimeout }));
   }
 );
 Transition.displayName = "BuiTransition";

package/dist/Transition/Transition.miniapp.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TransitionProps } from './Transition.types';
 export declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLElement>>;
 export default Transition;

package/dist/Transition/Transition.miniapp.js

@@ -49,11 +49,11 @@ __export(Transition_miniapp_exports, {
 });
 module.exports = __toCommonJS(Transition_miniapp_exports);
 var import_taro = __toESM(require("@tarojs/taro"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_TransitionCore = __toESM(require("./TransitionCore"));
-const Transition = /* @__PURE__ */ import_react.default.forwardRef(
+const Transition = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       import_TransitionCore.default,
       __spreadProps(__spreadValues({}, props), {
         nextTick: (cb) => setTimeout(() => import_taro.default.nextTick(cb), 16),

package/dist/Transition/TransitionCore.js

@@ -140,6 +140,7 @@ const TransitionCore = (0, import_react.forwardRef)(
       timeout.appear += delay.appear || 0;
     const nextCallback = (0, import_react.useRef)(null);
     const appearStatus = (0, import_react.useRef)(inProp && appear ? ENTERING : null);
+    const isMountedRef = (0, import_react.useRef)(true);
     const cancelNextCallback = () => {
       var _a2;
       if (nextCallback.current !== null) {
@@ -151,7 +152,7 @@ const TransitionCore = (0, import_react.forwardRef)(
     const setNextCallback = (callback) => {
       let active = true;
       nextCallback.current = (event) => {
-        if (active) {
+        if (active && isMountedRef.current) {
           active = false;
           nextCallback.current = null;
           callback(event);
@@ -169,11 +170,15 @@ const TransitionCore = (0, import_react.forwardRef)(
       }
     };
     const safeSetState = (nextState, callback) => {
+      if (!isMountedRef.current)
+        return;
       setStatus(nextState);
       setNextCallback(callback);
       nextTick(() => {
         var _a2;
-        (_a2 = nextCallback == null ? void 0 : nextCallback.current) == null ? void 0 : _a2.call(nextCallback);
+        if (isMountedRef.current) {
+          (_a2 = nextCallback == null ? void 0 : nextCallback.current) == null ? void 0 : _a2.call(nextCallback);
+        }
       });
     };
     const performEnter = (mounting) => __async(void 0, null, function* () {
@@ -231,6 +236,7 @@ const TransitionCore = (0, import_react.forwardRef)(
     (0, import_react.useEffect)(() => {
       nextTick(() => updateStatus(appearStatus.current, true));
       return () => {
+        isMountedRef.current = false;
         cancelNextCallback();
       };
     }, []);

package/dist/_.._/benchmarks/components/Button.d.js

@@ -0,0 +1,15 @@
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Button_d_exports = {};
+module.exports = __toCommonJS(Button_d_exports);

package/dist/_.._/benchmarks/components/Button.js

@@ -30,10 +30,10 @@ __export(Button_exports, {
   Button: () => ButtonView
 });
 module.exports = __toCommonJS(Button_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Button = require("../../src/Button");
 const ButtonView = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "primary", variant: "contained" }, "Text");
+  return /* @__PURE__ */ React.createElement(import_Button.Button, { color: "primary", variant: "contained" }, "Text");
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/_.._/benchmarks/components/Input.d.js

@@ -0,0 +1,15 @@
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Input_d_exports = {};
+module.exports = __toCommonJS(Input_d_exports);

package/dist/_.._/benchmarks/components/Tabs.d.js

@@ -0,0 +1,15 @@
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tabs_d_exports = {};
+module.exports = __toCommonJS(Tabs_d_exports);

package/es/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/es/ActionSheet/ActionSheet.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Drawer from "../Drawer";
 import ActionSheetContext from "./ActionSheetContext";
 import "./ActionSheet.css";

package/es/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/es/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/es/ActionSheet/ActionSheetContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 const ActionSheetContext = React.createContext(void 0);
 ActionSheetContext.displayName = "BuiActionSheetContext";
 var ActionSheetContext_default = ActionSheetContext;

package/es/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/es/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/es/Alert/Alert.js

@@ -34,7 +34,7 @@ import {
   VolumeUpOutlinedIcon
 } from "@bifrostui/icons";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import { isMini } from "@bifrostui/utils";
 import { IconButton } from "../IconButton";
 import "./index.css";

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Alert from "../../Alert";
 const basicAlertDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(

package/es/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/es/Avatar/Avatar.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Image from "../Image";
 import "./Avatar.css";
 const prefixCls = "bui-avatar";

package/es/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/es/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/es/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/es/Backdrop/Backdrop.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Fade from "../Fade";
 import "./index.css";
 const prefixCls = "bui-backdrop";

package/es/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/es/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/es/Backdrop/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Backdrop from "../../Backdrop";
 const basicBackdropDemo = () => {
   return /* @__PURE__ */ React.createElement(Backdrop, { open: true });

package/es/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/es/Badge/Badge.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import { useBadgeDisplay } from "./hooks/useBadgeDisplay";
 import { useBadgeA11y } from "./hooks/useBadgeA11y";
 import "./index.css";

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

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