@bifrostui/react 2.0.0-alpha.32 → 2.0.0-alpha.33

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

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

package/dist/Tooltip/useTooltip.js

@@ -84,7 +84,7 @@ function useTooltip(parameters) {
   } = parameters;
   const controlByUser = typeof open !== "undefined";
   const { direction, location = "center" } = (0, import_utils.parsePlacement)(placement);
-  const childrenRef = (0, import_react.useRef)();
+  const childrenRef = (0, import_react.useRef)(null);
   const [openStatus, setOpenStatus] = (0, import_react.useState)(defaultOpen);
   const [arrowDirection, setArrowDirection] = (0, import_react.useState)(direction);
   const [arrowLocation, setArrowLocation] = (0, import_react.useState)(location);

package/dist/Transition/Transition.js

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

package/dist/Transition/Transition.miniapp.js

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

package/dist/Transition/TransitionCore.js

@@ -128,7 +128,7 @@ const TransitionCore = (0, import_react.forwardRef)(
         return appear ? EXITED : ENTERED;
       return mountOnEnter || unmountOnExit ? UNMOUNTED : EXITED;
     });
-    const innerNodeRef = (0, import_react.useRef)();
+    const innerNodeRef = (0, import_react.useRef)(null);
     const nodeRef = (0, import_utils.useForkRef)(innerNodeRef, ref);
     const timeout = typeof _timeout === "object" ? __spreadValues({}, _timeout) : { enter: _timeout, exit: _timeout, appear: _timeout };
     const delay = typeof _delay === "object" ? _delay : { enter: _delay, exit: _delay, appear: _delay };
@@ -259,7 +259,13 @@ const TransitionCore = (0, import_react.forwardRef)(
     }, [inProp]);
     if (status === UNMOUNTED)
       return null;
-    return typeof children === "function" ? children(status, __spreadProps(__spreadValues({}, childProps), { ref: nodeRef })) : import_react.default.cloneElement(import_react.default.Children.only(children), __spreadProps(__spreadValues({}, childProps), {
+    if (typeof children === "function") {
+      return children(status, __spreadProps(__spreadValues({}, childProps), {
+        ref: nodeRef
+      }));
+    }
+    const onlyChild = import_react.default.Children.only(children);
+    return import_react.default.cloneElement(onlyChild, __spreadProps(__spreadValues({}, childProps), {
       ref: nodeRef
     }));
   }

package/dist/TransitionGroup/TransitionGroup.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { TransitionGroupProps } from './TransitionGroup.types';
 declare const TransitionGroup: {
-    (props: TransitionGroupProps): React.JSX.Element;
+    (props: TransitionGroupProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TransitionGroup;

package/dist/TransitionGroup/TransitionGroup.js

@@ -59,6 +59,7 @@ __export(TransitionGroup_exports, {
   default: () => TransitionGroup_default
 });
 module.exports = __toCommonJS(TransitionGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_childMapping = require("./utils/childMapping");
 const TransitionGroupContext = import_react.default.createContext(null);
@@ -124,9 +125,9 @@ const TransitionGroup = (props) => {
     childFactory
   );
   if (Component === null) {
-    return /* @__PURE__ */ import_react.default.createElement(TransitionGroupContext.Provider, { value: contextValue }, valuedChildren);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransitionGroupContext.Provider, { value: contextValue, children: valuedChildren });
   }
-  return /* @__PURE__ */ import_react.default.createElement(TransitionGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({}, restProps), valuedChildren));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransitionGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({}, restProps), { children: valuedChildren })) });
 };
 TransitionGroup.displayName = "BuiTransitionGroup";
 var TransitionGroup_default = TransitionGroup;

package/dist/TransitionGroup/demo/TransitionGroupDemo.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const TransitionGroupDemo: () => React.JSX.Element;
+declare const TransitionGroupDemo: () => import("react/jsx-runtime").JSX.Element;
 export default TransitionGroupDemo;

package/dist/TransitionGroup/demo/TransitionGroupDemo.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,22 +14,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TransitionGroupDemo_exports = {};
 __export(TransitionGroupDemo_exports, {
   default: () => TransitionGroupDemo_default
 });
 module.exports = __toCommonJS(TransitionGroupDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@bifrostui/react");
-var import_react2 = __toESM(require("react"));
+var import_react2 = require("react");
 var import_index = require("./index.css");
 const TransitionGroupDemo = () => {
   const [items, setItems] = (0, import_react2.useState)([
@@ -46,23 +37,29 @@ const TransitionGroupDemo = () => {
   const handleRemoveItem = (id) => {
     setItems((prev) => prev.filter((item) => item.id !== id));
   };
-  return /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement(import_react.Button, { onClick: handleAddItem }, "\u6DFB\u52A0\u9879\u76EE"), /* @__PURE__ */ import_react2.default.createElement(import_react.TransitionGroup, { className: "transition-group-container" }, items.map((item) => /* @__PURE__ */ import_react2.default.createElement(
-    import_react.CSSTransition,
-    {
-      key: item.id,
-      unmountOnExit: true,
-      timeout: 300,
-      classNames: "item"
-    },
-    /* @__PURE__ */ import_react2.default.createElement("div", { className: "item-container" }, /* @__PURE__ */ import_react2.default.createElement("span", null, item.text), /* @__PURE__ */ import_react2.default.createElement(
-      import_react.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Button, { onClick: handleAddItem, children: "\u6DFB\u52A0\u9879\u76EE" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.TransitionGroup, { className: "transition-group-container", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react.CSSTransition,
       {
-        size: "small",
-        color: "danger",
-        onClick: () => handleRemoveItem(item.id)
+        unmountOnExit: true,
+        timeout: 300,
+        classNames: "item",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "item-container", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.text }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react.Button,
+            {
+              size: "small",
+              color: "danger",
+              onClick: () => handleRemoveItem(item.id),
+              children: "\u5220\u9664"
+            }
+          )
+        ] })
       },
-      "\u5220\u9664"
-    ))
-  ))));
+      item.id
+    )) })
+  ] });
 };
 var TransitionGroupDemo_default = TransitionGroupDemo;

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,24 +14,16 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Button_exports = {};
 __export(Button_exports, {
   Button: () => ButtonView
 });
 module.exports = __toCommonJS(Button_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Button = require("../../src/Button");
 const ButtonView = () => {
-  return /* @__PURE__ */ React.createElement(import_Button.Button, { color: "primary", variant: "contained" }, "Text");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { color: "primary", variant: "contained", children: "Text" });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,28 +14,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Input_exports = {};
 __export(Input_exports, {
   Input: () => InputView
 });
 module.exports = __toCommonJS(Input_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Input = require("../../src/Input");
 const InputView = () => {
   const [value, setValue] = (0, import_react.useState)("");
   const handleChange = (_e, data) => {
     setValue(data == null ? void 0 : data.value);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_Input.Input, { value, placeholder: "\u8BF7\u586B\u5199\u5185\u5BB9", onChange: handleChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.Input, { value, placeholder: "\u8BF7\u586B\u5199\u5185\u5BB9", onChange: handleChange });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,21 +14,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Tabs_exports = {};
 __export(Tabs_exports, {
   Tabs: () => TabsView
 });
 module.exports = __toCommonJS(Tabs_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Tabs = require("../../src/Tabs");
 const TabsView = () => {
   const [value, setValue] = (0, import_react.useState)("one");
@@ -42,7 +33,12 @@ const TabsView = () => {
   const handleClick = (_e, { index }) => {
     setValue(index);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Tabs.Tabs, { style: { marginBottom: "12px" }, value }, tabList.map((item) => /* @__PURE__ */ import_react.default.createElement(import_Tabs.Tab, { key: item.index, index: item.index, onClick: handleClick }, item.title))), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabPanel, { value, index: "one" }, "Tab Panel 1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabPanel, { value, index: "two" }, "Tab Panel 2"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabPanel, { value, index: "three" }, "Tab Panel 3"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.Tabs, { style: { marginBottom: "12px" }, value, children: tabList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.Tab, { index: item.index, onClick: handleClick, children: item.title }, item.index)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.TabPanel, { value, index: "one", children: "Tab Panel 1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.TabPanel, { value, index: "two", children: "Tab Panel 2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.TabPanel, { value, index: "three", children: "Tab Panel 3" })
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/es/ActionSheet/ActionSheet.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import Drawer from "../Drawer";
@@ -33,7 +37,7 @@ import ActionSheetContext from "./ActionSheetContext";
 import "./ActionSheet.css";
 const prefixCls = "bui-action-sheet";
 const ActionSheetCancel = ({ children, onClick }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item ${prefixCls}-cancel`, onClick }, children);
+  return /* @__PURE__ */ jsx("div", { className: `${prefixCls}-item ${prefixCls}-cancel`, onClick, children });
 };
 const ActionSheet = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
@@ -62,19 +66,25 @@ const ActionSheet = /* @__PURE__ */ React.forwardRef(
     const onCancelClick = (event) => {
       onClose(event, { from: "cancelText" });
     };
-    return /* @__PURE__ */ React.createElement(ActionSheetContext.Provider, { value: context }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(ActionSheetContext.Provider, { value: context, children: /* @__PURE__ */ jsxs(
       Drawer,
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         open,
         onClose,
         className: clsx(prefixCls, className),
         contentProps: { className: `${prefixCls}-content` }
-      }, others),
-      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))
-    ));
+      }, others), {
+        children: [
+          extra && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-extra`, children: extra }),
+          /* @__PURE__ */ jsx("div", { className: `${prefixCls}-item-wrapper`, children }),
+          cancelText && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: `${prefixCls}-gap` }),
+            /* @__PURE__ */ jsx(ActionSheetCancel, { onClick: onCancelClick, children: cancelText })
+          ] })
+        ]
+      })
+    ) });
   }
 );
 ActionSheet.displayName = "BuiActionSheet";

package/es/ActionSheet/ActionSheetItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ActionSheetItemProps } from './ActionSheetItem.types';
 import './ActionSheetItem.less';
-declare const ActionSheetItem: React.ForwardRefExoticComponent<Omit<ActionSheetItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ActionSheetItem: React.ForwardRefExoticComponent<Omit<ActionSheetItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default ActionSheetItem;

package/es/ActionSheet/ActionSheetItem.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import React, { useContext } from "react";
 import ActionSheetContext from "./ActionSheetContext";
@@ -60,9 +64,9 @@ const ActionSheetItem = /* @__PURE__ */ React.forwardRef(
       onClick == null ? void 0 : onClick(ev, { index });
       (_a2 = context.onSelect) == null ? void 0 : _a2.call(context, ev, { index });
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         className: clsx(
           prefixCls,
@@ -74,9 +78,12 @@ const ActionSheetItem = /* @__PURE__ */ React.forwardRef(
           className
         ),
         onClick: handleAction
-      }, others),
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children),
-      description && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-description` }, description)
+      }, others), {
+        children: [
+          /* @__PURE__ */ jsx("div", { className: `${prefixCls}-content`, children }),
+          description && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-description`, children: description })
+        ]
+      })
     );
   }
 );

package/es/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
 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>>;
+declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Alert;