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

package/dist/Tag/Tag.js

@@ -58,7 +58,7 @@ __export(Tag_exports, {
 module.exports = __toCommonJS(Tag_exports);
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Tag2 = require("./Tag.css");
 const colorHandler = (color, opacity = 1) => {
   if (color.includes("rgba")) {
@@ -66,14 +66,14 @@ const colorHandler = (color, opacity = 1) => {
     return `${color.slice(0, lastCommaIndex)}, ${opacity})`;
   }
   if (color.includes("rgb")) {
-    color = color.replace("rgb", "rgba");
-    const len = color.length;
-    return `${color.slice(0, len - 1)}, ${opacity})`;
+    const rgbaColor = color.replace("rgb", "rgba");
+    const len = rgbaColor.length;
+    return `${rgbaColor.slice(0, len - 1)}, ${opacity})`;
   }
   return (0, import_utils.convertHexToRGBA)(color, opacity);
 };
 const prefixCls = "bui-tag";
-const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Tag = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     className,
     style,
@@ -109,7 +109,7 @@ const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       };
     }
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(

package/dist/Tag/Tag.types.d.ts

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

package/dist/Tag/TagGroup.d.ts

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

package/dist/Tag/TagGroup.js

@@ -57,13 +57,13 @@ __export(TagGroup_exports, {
 });
 module.exports = __toCommonJS(TagGroup_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_TagGroup2 = require("./TagGroup.css");
 const prefixCls = "bui-tag-group";
-const TagGroup = /* @__PURE__ */ import_react.default.forwardRef(
+const TagGroup = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, { className, onClick, children } = _a, others = __objRest(_a, ["className", "onClick", "children"]);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       __spreadValues({
         ref,

package/dist/Tag/TagGroup.types.d.ts

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

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

@@ -59,7 +59,7 @@ const basicTagDemo = () => {
   return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "primary" }, "\u4E3B\u8981\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "success" }, "\u6210\u529F\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "warning" }, "\u8B66\u544A\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "danger" }, "\u5371\u9669\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "info" }, "\u4FE1\u606F\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "neutral" }, "\u4E2D\u6027\u6807\u7B7E"));
 };
 const variantTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "filled", color: "primary" }, "\u586B\u5145\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "outlined", color: "success" }, "\u8FB9\u6846\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "subtle", color: "warning" }, "\u8F7B\u91CF\u6807\u7B7E"));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "contained", color: "primary" }, "\u586B\u5145\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "outlined", color: "success" }, "\u8FB9\u6846\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "subtle", color: "warning" }, "\u8F7B\u91CF\u6807\u7B7E"));
 };
 const ClickableTagDemo = () => {
   const [clicked, setClicked] = (0, import_react.useState)([]);
@@ -105,7 +105,7 @@ const ClickableTagDemo = () => {
   ), clicked.length > 0 && /* @__PURE__ */ import_react.default.createElement("p", null, "\u5DF2\u70B9\u51FB\u7684\u6807\u7B7E: ", clicked.join(", ")));
 };
 const customColorTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#ff6b6b", variant: "filled" }, "\u81EA\u5B9A\u4E49\u7EA2\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#4ecdc4", variant: "outlined" }, "\u81EA\u5B9A\u4E49\u9752\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#45b7d1", variant: "subtle" }, "\u81EA\u5B9A\u4E49\u84DD\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "rgb(255, 193, 7)", variant: "filled" }, "RGB \u9EC4\u8272"));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#ff6b6b", variant: "contained" }, "\u81EA\u5B9A\u4E49\u7EA2\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#4ecdc4", variant: "outlined" }, "\u81EA\u5B9A\u4E49\u9752\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#45b7d1", variant: "subtle" }, "\u81EA\u5B9A\u4E49\u84DD\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "rgb(255, 193, 7)", variant: "contained" }, "RGB \u9EC4\u8272"));
 };
 const ariaLabelTagDemo = () => {
   return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
@@ -151,7 +151,7 @@ const ComplexTagListDemo = () => {
     {
       key: tag.id,
       color: tag.color,
-      variant: tag.active ? "filled" : "outlined",
+      variant: tag.active ? "contained" : "outlined",
       onClick: () => toggleTag(tag.id),
       "aria-label": `${tag.active ? "\u53D6\u6D88\u9009\u62E9" : "\u9009\u62E9"} ${tag.name} \u6280\u672F\u6807\u7B7E`,
       style: {

package/dist/Tag/index.css

@@ -13,7 +13,6 @@ xhs-page {
   position: relative;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
   white-space: nowrap;
   height: var(--bui-tag-height);
   line-height: var(--bui-tag-line-height);

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

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

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

@@ -35,16 +35,16 @@ __export(A11yDemos_exports, {
   showCountTextAreaDemo: () => showCountTextAreaDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_TextArea = __toESM(require("../../TextArea"));
 const basicTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }));
 };
 const ariaLabelTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", "aria-label": "\u7528\u6237\u8BC4\u8BBA\u8F93\u5165\u6846" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", "aria-label": "\u7528\u6237\u8BC4\u8BBA\u8F93\u5165\u6846" }));
 };
 const requiredAndReadonlyTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, { placeholder: "\u5FC5\u586B\u9879", "aria-required": true }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_TextArea.default, { placeholder: "\u5FC5\u586B\u9879", "aria-required": true }), /* @__PURE__ */ React.createElement(
     import_TextArea.default,
     {
       placeholder: "\u53EA\u8BFB\u9879",
@@ -54,7 +54,7 @@ const requiredAndReadonlyTextAreaDemo = () => {
   ));
 };
 const showCountTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_TextArea.default,
     {
       placeholder: "\u6700\u591A\u8F93\u516550\u4E2A\u5B57",
@@ -65,7 +65,7 @@ const showCountTextAreaDemo = () => {
   ));
 };
 const autoFocusTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_TextArea.default,
     {
       placeholder: "\u81EA\u52A8\u805A\u7126",

package/dist/ThemeProvider/hooks/ThemeContext.d.ts

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

package/dist/ThemeProvider/hooks/ThemeContext.js

@@ -30,6 +30,6 @@ __export(ThemeContext_exports, {
   default: () => ThemeContext_default
 });
 module.exports = __toCommonJS(ThemeContext_exports);
-var import_react = __toESM(require("react"));
-const ThemeContext = import_react.default.createContext(null);
+var React = __toESM(require("react"));
+const ThemeContext = React.createContext(null);
 var ThemeContext_default = ThemeContext;

package/dist/ThemeProvider/hooks/useTheme.js

@@ -30,10 +30,10 @@ __export(useTheme_exports, {
   default: () => useTheme
 });
 module.exports = __toCommonJS(useTheme_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_createTheme = __toESM(require("./createTheme"));
 var import_ThemeContext = __toESM(require("./ThemeContext"));
 function useTheme(defaultTheme = (0, import_createTheme.default)(null)) {
-  const contextTheme = import_react.default.useContext(import_ThemeContext.default);
+  const contextTheme = React.useContext(import_ThemeContext.default);
   return !contextTheme || Object.keys(contextTheme).length === 0 ? defaultTheme : contextTheme;
 }

package/dist/ThemeProvider/utils/mountTokens.js

@@ -32,7 +32,7 @@ __export(mountTokens_exports, {
   overrideBuiltInThemes: () => overrideBuiltInThemes
 });
 module.exports = __toCommonJS(mountTokens_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_constants = require("./constants");
 const updateTokens = (options) => {
@@ -45,7 +45,7 @@ const updateTokens = (options) => {
   let containerNode;
   if (isRoot) {
     containerNode = document.head;
-  } else if (containerId && container && import_react.default.isValidElement(container)) {
+  } else if (containerId && container && React.isValidElement(container)) {
     containerNode = document.querySelector(`.${containerId}`);
   }
   if (containerNode) {

package/dist/Toast/Toast.d.ts

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

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/__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/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);