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

package/es/Transition/Transition.js

@@ -17,11 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import TransitionCore from "./TransitionCore";
 const Transition = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ React.createElement(TransitionCore, __spreadProps(__spreadValues({}, props), { ref, nextTick: setTimeout }));
+    return /* @__PURE__ */ jsx(TransitionCore, __spreadProps(__spreadValues({}, props), { ref, nextTick: setTimeout }));
   }
 );
 Transition.displayName = "BuiTransition";

package/es/Transition/Transition.miniapp.js

@@ -17,12 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import Taro from "@tarojs/taro";
 import * as React from "react";
 import TransitionCore from "./TransitionCore";
 const Transition = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       TransitionCore,
       __spreadProps(__spreadValues({}, props), {
         nextTick: (cb) => setTimeout(() => Taro.nextTick(cb), 16),

package/es/Transition/TransitionCore.js

@@ -98,7 +98,7 @@ const TransitionCore = forwardRef(
         return appear ? EXITED : ENTERED;
       return mountOnEnter || unmountOnExit ? UNMOUNTED : EXITED;
     });
-    const innerNodeRef = useRef();
+    const innerNodeRef = useRef(null);
     const nodeRef = 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 };
@@ -229,7 +229,13 @@ const TransitionCore = forwardRef(
     }, [inProp]);
     if (status === UNMOUNTED)
       return null;
-    return typeof children === "function" ? children(status, __spreadProps(__spreadValues({}, childProps), { ref: nodeRef })) : React.cloneElement(React.Children.only(children), __spreadProps(__spreadValues({}, childProps), {
+    if (typeof children === "function") {
+      return children(status, __spreadProps(__spreadValues({}, childProps), {
+        ref: nodeRef
+      }));
+    }
+    const onlyChild = React.Children.only(children);
+    return React.cloneElement(onlyChild, __spreadProps(__spreadValues({}, childProps), {
       ref: nodeRef
     }));
   }

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

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef } from "react";
 import {
   getChildMapping,
@@ -98,9 +99,9 @@ const TransitionGroup = (props) => {
     childFactory
   );
   if (Component === null) {
-    return /* @__PURE__ */ React.createElement(TransitionGroupContext.Provider, { value: contextValue }, valuedChildren);
+    return /* @__PURE__ */ jsx(TransitionGroupContext.Provider, { value: contextValue, children: valuedChildren });
   }
-  return /* @__PURE__ */ React.createElement(TransitionGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(Component, __spreadValues({}, restProps), valuedChildren));
+  return /* @__PURE__ */ jsx(TransitionGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, restProps), { children: valuedChildren })) });
 };
 TransitionGroup.displayName = "BuiTransitionGroup";
 var TransitionGroup_default = TransitionGroup;

package/es/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/es/TransitionGroup/demo/TransitionGroupDemo.js

@@ -1,5 +1,6 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, TransitionGroup, CSSTransition } from "@bifrostui/react";
-import React, { useState } from "react";
+import { useState } from "react";
 import "./index.css";
 const TransitionGroupDemo = () => {
   const [items, setItems] = useState([
@@ -14,24 +15,30 @@ const TransitionGroupDemo = () => {
   const handleRemoveItem = (id) => {
     setItems((prev) => prev.filter((item) => item.id !== id));
   };
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { onClick: handleAddItem }, "\u6DFB\u52A0\u9879\u76EE"), /* @__PURE__ */ React.createElement(TransitionGroup, { className: "transition-group-container" }, items.map((item) => /* @__PURE__ */ React.createElement(
-    CSSTransition,
-    {
-      key: item.id,
-      unmountOnExit: true,
-      timeout: 300,
-      classNames: "item"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "item-container" }, /* @__PURE__ */ React.createElement("span", null, item.text), /* @__PURE__ */ React.createElement(
-      Button,
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Button, { onClick: handleAddItem, children: "\u6DFB\u52A0\u9879\u76EE" }),
+    /* @__PURE__ */ jsx(TransitionGroup, { className: "transition-group-container", children: items.map((item) => /* @__PURE__ */ jsx(
+      CSSTransition,
       {
-        size: "small",
-        color: "danger",
-        onClick: () => handleRemoveItem(item.id)
+        unmountOnExit: true,
+        timeout: 300,
+        classNames: "item",
+        children: /* @__PURE__ */ jsxs("div", { className: "item-container", children: [
+          /* @__PURE__ */ jsx("span", { children: item.text }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              color: "danger",
+              onClick: () => handleRemoveItem(item.id),
+              children: "\u5220\u9664"
+            }
+          )
+        ] })
       },
-      "\u5220\u9664"
-    ))
-  ))));
+      item.id
+    )) })
+  ] });
 };
 var TransitionGroupDemo_default = TransitionGroupDemo;
 export {

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

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "../../src/Button";
 const ButtonView = () => {
-  return /* @__PURE__ */ React.createElement(Button, { color: "primary", variant: "contained" }, "Text");
+  return /* @__PURE__ */ jsx(Button, { color: "primary", variant: "contained", children: "Text" });
 };
 export {
   ButtonView as Button

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

@@ -1,11 +1,12 @@
-import React, { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
 import { Input } from "../../src/Input";
 const InputView = () => {
   const [value, setValue] = useState("");
   const handleChange = (_e, data) => {
     setValue(data == null ? void 0 : data.value);
   };
-  return /* @__PURE__ */ React.createElement(Input, { value, placeholder: "\u8BF7\u586B\u5199\u5185\u5BB9", onChange: handleChange });
+  return /* @__PURE__ */ jsx(Input, { value, placeholder: "\u8BF7\u586B\u5199\u5185\u5BB9", onChange: handleChange });
 };
 export {
   InputView as Input

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

@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { Tab, TabPanel, Tabs } from "../../src/Tabs";
 const TabsView = () => {
   const [value, setValue] = useState("one");
@@ -10,7 +11,12 @@ const TabsView = () => {
   const handleClick = (_e, { index }) => {
     setValue(index);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tabs, { style: { marginBottom: "12px" }, value }, tabList.map((item) => /* @__PURE__ */ React.createElement(Tab, { key: item.index, index: item.index, onClick: handleClick }, item.title))), /* @__PURE__ */ React.createElement(TabPanel, { value, index: "one" }, "Tab Panel 1"), /* @__PURE__ */ React.createElement(TabPanel, { value, index: "two" }, "Tab Panel 2"), /* @__PURE__ */ React.createElement(TabPanel, { value, index: "three" }, "Tab Panel 3"));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tabs, { style: { marginBottom: "12px" }, value, children: tabList.map((item) => /* @__PURE__ */ jsx(Tab, { index: item.index, onClick: handleClick, children: item.title }, item.index)) }),
+    /* @__PURE__ */ jsx(TabPanel, { value, index: "one", children: "Tab Panel 1" }),
+    /* @__PURE__ */ jsx(TabPanel, { value, index: "two", children: "Tab Panel 2" }),
+    /* @__PURE__ */ jsx(TabPanel, { value, index: "three", children: "Tab Panel 3" })
+  ] });
 };
 export {
   TabsView as Tabs

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/react",
-  "version": "2.0.0-alpha.32",
+  "version": "2.0.0-alpha.33",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -35,25 +35,31 @@
   "devDependencies": {
     "@rspack/cli": "^1.4.4",
     "@rspack/core": "^1.4.4",
-    "esbuild-plugin-less": "1.3.10",
-    "fs-extra": "^11.2.0",
-    "glob": "11.0.0"
+    "@tarojs/components": "^3.0.0",
+    "@tarojs/taro": "^3.0.0",
+    "@types/react": "^19.0.0",
+    "esbuild-plugin-less": "1.3.38",
+    "fs-extra": "^10.0.0",
+    "glob": "11.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",
     "dayjs": "^1.11.7",
     "swiper": "^8.1.5",
-    "@bifrostui/icons": "2.0.0-alpha.32",
-    "@bifrostui/types": "2.0.0-alpha.32",
-    "@bifrostui/utils": "2.0.0-alpha.32",
-    "@bifrostui/styles": "2.0.0-alpha.32"
+    "@bifrostui/icons": "2.0.0-alpha.33",
+    "@bifrostui/icons-pioneer": "2.0.0-alpha.33",
+    "@bifrostui/types": "2.0.0-alpha.33",
+    "@bifrostui/utils": "2.0.0-alpha.33",
+    "@bifrostui/styles": "2.0.0-alpha.33"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",
     "@tarojs/taro": "^3.0.0",
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "scripts": {
     "build": "node esbuild.config.js",