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

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

@@ -1,21 +1,20 @@
-import React from 'react';
 /**
  * 自定义 Drawer 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicDrawerDemo: () => React.JSX.Element;
-export declare const leftDrawerDemo: () => React.JSX.Element;
-export declare const rightDrawerDemo: () => React.JSX.Element;
-export declare const topDrawerDemo: () => React.JSX.Element;
-export declare const noBackdropDrawerDemo: () => React.JSX.Element;
-export declare const interactiveDrawerDemo: () => React.JSX.Element;
+export declare const basicDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const leftDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const rightDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const topDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const noBackdropDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const interactiveDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicDrawerDemo: () => React.JSX.Element;
-    leftDrawerDemo: () => React.JSX.Element;
-    rightDrawerDemo: () => React.JSX.Element;
-    topDrawerDemo: () => React.JSX.Element;
-    noBackdropDrawerDemo: () => React.JSX.Element;
-    interactiveDrawerDemo: () => React.JSX.Element;
+    basicDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    leftDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    rightDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    topDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    noBackdropDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    interactiveDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

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

@@ -17,31 +17,68 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import Drawer from "../../Drawer";
 const basicDrawerDemo = () => {
-  return /* @__PURE__ */ React.createElement(Drawer, { open: true, anchor: "bottom", "aria-label": "\u57FA\u7840\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ React.createElement("div", { style: { padding: "20px", minHeight: "200px" } }, /* @__PURE__ */ React.createElement("h3", null, "\u57FA\u7840\u62BD\u5C49\u5185\u5BB9"), /* @__PURE__ */ React.createElement("p", null, "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u5E95\u90E8\u5F39\u51FA\u7684\u62BD\u5C49"), /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u786E\u8BA4"), /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u53D6\u6D88")));
+  return /* @__PURE__ */ jsx(Drawer, { open: true, anchor: "bottom", "aria-label": "\u57FA\u7840\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ jsxs("div", { style: { padding: "20px", minHeight: "200px" }, children: [
+    /* @__PURE__ */ jsx("h3", { children: "\u57FA\u7840\u62BD\u5C49\u5185\u5BB9" }),
+    /* @__PURE__ */ jsx("p", { children: "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u5E95\u90E8\u5F39\u51FA\u7684\u62BD\u5C49" }),
+    /* @__PURE__ */ jsx("button", { type: "button", children: "\u786E\u8BA4" }),
+    /* @__PURE__ */ jsx("button", { type: "button", children: "\u53D6\u6D88" })
+  ] }) });
 };
 const leftDrawerDemo = () => {
-  return /* @__PURE__ */ React.createElement(Drawer, { open: true, anchor: "left", "aria-label": "\u5DE6\u4FA7\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ React.createElement("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" } }, /* @__PURE__ */ React.createElement("h3", null, "\u5DE6\u4FA7\u62BD\u5C49"), /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", { href: "#item1" }, "\u83DC\u5355\u9879 1")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", { href: "#item2" }, "\u83DC\u5355\u9879 2")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", { href: "#item3" }, "\u83DC\u5355\u9879 3")))));
+  return /* @__PURE__ */ jsx(Drawer, { open: true, anchor: "left", "aria-label": "\u5DE6\u4FA7\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ jsxs("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" }, children: [
+    /* @__PURE__ */ jsx("h3", { children: "\u5DE6\u4FA7\u62BD\u5C49" }),
+    /* @__PURE__ */ jsxs("ul", { children: [
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "#item1", children: "\u83DC\u5355\u9879 1" }) }),
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "#item2", children: "\u83DC\u5355\u9879 2" }) }),
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "#item3", children: "\u83DC\u5355\u9879 3" }) })
+    ] })
+  ] }) });
 };
 const rightDrawerDemo = () => {
-  return /* @__PURE__ */ React.createElement(Drawer, { open: true, anchor: "right", "aria-label": "\u53F3\u4FA7\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ React.createElement("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" } }, /* @__PURE__ */ React.createElement("h3", null, "\u53F3\u4FA7\u62BD\u5C49"), /* @__PURE__ */ React.createElement("form", null, /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "10px" } }, /* @__PURE__ */ React.createElement("label", { htmlFor: "name" }, "\u59D3\u540D:"), /* @__PURE__ */ React.createElement("input", { id: "name", type: "text" })), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "10px" } }, /* @__PURE__ */ React.createElement("label", { htmlFor: "email" }, "\u90AE\u7BB1:"), /* @__PURE__ */ React.createElement("input", { id: "email", type: "email" })), /* @__PURE__ */ React.createElement("button", { type: "submit" }, "\u63D0\u4EA4"))));
+  return /* @__PURE__ */ jsx(Drawer, { open: true, anchor: "right", "aria-label": "\u53F3\u4FA7\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ jsxs("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" }, children: [
+    /* @__PURE__ */ jsx("h3", { children: "\u53F3\u4FA7\u62BD\u5C49" }),
+    /* @__PURE__ */ jsxs("form", { children: [
+      /* @__PURE__ */ jsxs("div", { style: { marginBottom: "10px" }, children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "name", children: "\u59D3\u540D:" }),
+        /* @__PURE__ */ jsx("input", { id: "name", type: "text" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { marginBottom: "10px" }, children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "email", children: "\u90AE\u7BB1:" }),
+        /* @__PURE__ */ jsx("input", { id: "email", type: "email" })
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "submit", children: "\u63D0\u4EA4" })
+    ] })
+  ] }) });
 };
 const topDrawerDemo = () => {
-  return /* @__PURE__ */ React.createElement(Drawer, { open: true, anchor: "top", "aria-label": "\u9876\u90E8\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ React.createElement("div", { style: { padding: "20px", minHeight: "200px" } }, /* @__PURE__ */ React.createElement("h3", null, "\u9876\u90E8\u62BD\u5C49"), /* @__PURE__ */ React.createElement("p", null, "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u9876\u90E8\u5F39\u51FA\u7684\u62BD\u5C49"), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u64CD\u4F5C\u6309\u94AE 1"), /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u64CD\u4F5C\u6309\u94AE 2"))));
+  return /* @__PURE__ */ jsx(Drawer, { open: true, anchor: "top", "aria-label": "\u9876\u90E8\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ jsxs("div", { style: { padding: "20px", minHeight: "200px" }, children: [
+    /* @__PURE__ */ jsx("h3", { children: "\u9876\u90E8\u62BD\u5C49" }),
+    /* @__PURE__ */ jsx("p", { children: "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u9876\u90E8\u5F39\u51FA\u7684\u62BD\u5C49" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("button", { type: "button", children: "\u64CD\u4F5C\u6309\u94AE 1" }),
+      /* @__PURE__ */ jsx("button", { type: "button", children: "\u64CD\u4F5C\u6309\u94AE 2" })
+    ] })
+  ] }) });
 };
 const noBackdropDrawerDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Drawer,
     {
       open: true,
       anchor: "bottom",
       hideBackdrop: true,
       "aria-label": "\u65E0\u80CC\u666F\u906E\u7F69\u62BD\u5C49",
-      disablePortal: true
-    },
-    /* @__PURE__ */ React.createElement("div", { style: { padding: "20px", minHeight: "150px" } }, /* @__PURE__ */ React.createElement("h3", null, "\u65E0\u80CC\u666F\u906E\u7F69"), /* @__PURE__ */ React.createElement("p", null, "\u8FD9\u4E2A\u62BD\u5C49\u6CA1\u6709\u80CC\u666F\u906E\u7F69"), /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u5173\u95ED"))
+      disablePortal: true,
+      children: /* @__PURE__ */ jsxs("div", { style: { padding: "20px", minHeight: "150px" }, children: [
+        /* @__PURE__ */ jsx("h3", { children: "\u65E0\u80CC\u666F\u906E\u7F69" }),
+        /* @__PURE__ */ jsx("p", { children: "\u8FD9\u4E2A\u62BD\u5C49\u6CA1\u6709\u80CC\u666F\u906E\u7F69" }),
+        /* @__PURE__ */ jsx("button", { type: "button", children: "\u5173\u95ED" })
+      ] })
+    }
   );
 };
 const interactiveDrawerDemo = () => {
@@ -57,41 +94,57 @@ const interactiveDrawerDemo = () => {
       handleClose();
     };
     if (!open) {
-      return /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setOpen(true) }, "\u91CD\u65B0\u6253\u5F00\u62BD\u5C49");
+      return /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setOpen(true), children: "\u91CD\u65B0\u6253\u5F00\u62BD\u5C49" });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Drawer,
       {
         open,
         anchor: "right",
         onClose: handleClose,
         "aria-label": "\u53EF\u4EA4\u4E92\u62BD\u5C49",
-        disablePortal: true
-      },
-      /* @__PURE__ */ React.createElement("div", { style: { padding: "20px", width: "350px" } }, /* @__PURE__ */ React.createElement("h3", null, "\u53CD\u9988\u8868\u5355"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit }, /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "15px" } }, /* @__PURE__ */ React.createElement("label", { htmlFor: "feedback-name" }, "\u59D3\u540D:"), /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          id: "feedback-name",
-          type: "text",
-          value: formData.name,
-          onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), { name: e.target.value })),
-          required: true,
-          "aria-required": "true"
-        }
-      )), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "15px" } }, /* @__PURE__ */ React.createElement("label", { htmlFor: "feedback-message" }, "\u53CD\u9988\u5185\u5BB9:"), /* @__PURE__ */ React.createElement(
-        "textarea",
-        {
-          id: "feedback-message",
-          value: formData.message,
-          onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), { message: e.target.value })),
-          required: true,
-          "aria-required": "true",
-          rows: 4
-        }
-      )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("button", { type: "submit" }, "\u63D0\u4EA4\u53CD\u9988"), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: handleClose }, "\u53D6\u6D88"))))
+        disablePortal: true,
+        children: /* @__PURE__ */ jsxs("div", { style: { padding: "20px", width: "350px" }, children: [
+          /* @__PURE__ */ jsx("h3", { children: "\u53CD\u9988\u8868\u5355" }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+            /* @__PURE__ */ jsxs("div", { style: { marginBottom: "15px" }, children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "feedback-name", children: "\u59D3\u540D:" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "feedback-name",
+                  type: "text",
+                  value: formData.name,
+                  onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), { name: e.target.value })),
+                  required: true,
+                  "aria-required": "true"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { style: { marginBottom: "15px" }, children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "feedback-message", children: "\u53CD\u9988\u5185\u5BB9:" }),
+              /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  id: "feedback-message",
+                  value: formData.message,
+                  onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), { message: e.target.value })),
+                  required: true,
+                  "aria-required": "true",
+                  rows: 4
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("button", { type: "submit", children: "\u63D0\u4EA4\u53CD\u9988" }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClose, children: "\u53D6\u6D88" })
+            ] })
+          ] })
+        ] })
+      }
     );
   };
-  return /* @__PURE__ */ React.createElement(InteractiveDrawerDemo, null);
+  return /* @__PURE__ */ jsx(InteractiveDrawerDemo, {});
 };
 var A11yDemos_default = {
   basicDrawerDemo,

package/es/Fade/Fade.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import {
   createTransitions,
   duration,
@@ -67,7 +68,7 @@ const Fade = /* @__PURE__ */ React.forwardRef(
     ]);
     const transitions = createTransitions();
     const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Transition,
       __spreadProps(__spreadValues({
         appear,
@@ -75,27 +76,27 @@ const Fade = /* @__PURE__ */ React.forwardRef(
         timeout,
         delay
       }, others), {
-        ref: nodeRef
-      }),
-      (state, childProps) => {
-        const transition = state === "entering" || state === "exiting" ? transitions.create(
-          "opacity",
-          getTransitionProps(
-            { timeout, style, easing: easingProp, delay },
-            {
-              mode: state
-            }
-          )
-        ) : "none";
-        return React.cloneElement(children, __spreadValues({
-          style: __spreadValues(__spreadValues({
-            visibility: state === "exited" ? "hidden" : "visible",
-            transition,
-            WebkitTransition: transition,
-            opacity: state === "entering" || state === "entered" ? "1" : "0"
-          }, style), children.props.style)
-        }, childProps));
-      }
+        ref: nodeRef,
+        children: (state, childProps) => {
+          const transition = state === "entering" || state === "exiting" ? transitions.create(
+            "opacity",
+            getTransitionProps(
+              { timeout, style, easing: easingProp, delay },
+              {
+                mode: state
+              }
+            )
+          ) : "none";
+          return React.cloneElement(children, __spreadValues({
+            style: __spreadValues(__spreadValues({
+              visibility: state === "exited" ? "hidden" : "visible",
+              transition,
+              WebkitTransition: transition,
+              opacity: state === "entering" || state === "entered" ? "1" : "0"
+            }, style), children.props.style)
+          }, childProps));
+        }
+      })
     );
   }
 );

package/es/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { IconButtonProps } from './IconButton.types';
 import './index.less';
-declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/es/IconButton/IconButton.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 } from "react/jsx-runtime";
 import { isMini } from "@bifrostui/utils";
 import clsx from "clsx";
 import * as React from "react";
@@ -66,9 +70,9 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
       // 禁用状态
       "aria-disabled": disabled
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "button",
-      __spreadValues(__spreadValues({
+      __spreadProps(__spreadValues(__spreadValues({
         type: "button",
         className: clsx(
           prefixCls,
@@ -82,13 +86,14 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
           className
         ),
         ref
-      }, accessibilityProps), others),
-      isMini && React.isValidElement(children) ? React.cloneElement(children, __spreadValues(__spreadValues({}, !isContainedVariant && {
-        color: ((_f = children.props) == null ? void 0 : _f.color) || color,
-        htmlColor: ((_g = children.props) == null ? void 0 : _g.htmlColor) || "var(--bui-color-fg-subtle)"
-      }), isContainedVariant && {
-        htmlColor: ((_h = children.props) == null ? void 0 : _h.htmlColor) || "var(--bui-color-white)"
-      })) : children
+      }, accessibilityProps), others), {
+        children: isMini && React.isValidElement(children) ? React.cloneElement(children, __spreadValues(__spreadValues({}, !isContainedVariant && {
+          color: ((_f = children.props) == null ? void 0 : _f.color) || color,
+          htmlColor: ((_g = children.props) == null ? void 0 : _g.htmlColor) || "var(--bui-color-fg-subtle)"
+        }), isContainedVariant && {
+          htmlColor: ((_h = children.props) == null ? void 0 : _h.htmlColor) || "var(--bui-color-white)"
+        })) : children
+      })
     );
   }
 );

package/es/Image/Image.d.ts

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

package/es/Image/Image.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isMini } from "@bifrostui/utils";
 import clsx from "clsx";
 import React, { useLayoutEffect, useState } from "react";
@@ -94,15 +95,15 @@ const Image = /* @__PURE__ */ React.forwardRef(
       setFailed(false);
     }, [src]);
     const defaultIconWrap = (icon) => {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(`${prefixCls}-default-icon-wrap`, {
             "default-holder": !icon
           }),
-          "aria-hidden": "true"
-        },
-        icon
+          "aria-hidden": "true",
+          children: icon
+        }
       );
     };
     const defaultPlaceholder = placeholder === false ? [] : placeholder !== true && defaultIconWrap(placeholder) || defaultIconWrap();
@@ -113,7 +114,7 @@ const Image = /* @__PURE__ */ React.forwardRef(
       mode: fit && modeEnum[fit],
       showMenuByLongpress: showMenu
     };
-    const imgEle = /* @__PURE__ */ React.createElement(
+    const imgEle = /* @__PURE__ */ jsx(
       "img",
       __spreadValues(__spreadProps(__spreadValues({
         src,
@@ -140,17 +141,21 @@ const Image = /* @__PURE__ */ React.forwardRef(
     function renderImgEle() {
       if (failed)
         return fallback || defaultPlaceholder;
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, !loaded && defaultPlaceholder, imgEle);
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        !loaded && defaultPlaceholder,
+        imgEle
+      ] });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         onClick,
         style: __spreadValues({ width, height }, style),
         className: clsx(prefixCls, className)
-      }, others),
-      renderImgEle()
+      }, others), {
+        children: renderImgEle()
+      })
     );
   }
 );

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

@@ -1,21 +1,20 @@
-import React from 'react';
 /**
  * 自定义 Image 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicImageDemo: () => React.JSX.Element;
-export declare const ClickableImageDemo: () => React.JSX.Element;
-export declare const placeholderImageDemo: () => React.JSX.Element;
-export declare const errorImageDemo: () => React.JSX.Element;
-export declare const lazyImageDemo: () => React.JSX.Element;
-export declare const noAltImageDemo: () => React.JSX.Element;
+export declare const basicImageDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const ClickableImageDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const placeholderImageDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const errorImageDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const lazyImageDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const noAltImageDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicImageDemo: () => React.JSX.Element;
-    ClickableImageDemo: () => React.JSX.Element;
-    placeholderImageDemo: () => React.JSX.Element;
-    errorImageDemo: () => React.JSX.Element;
-    lazyImageDemo: () => React.JSX.Element;
-    noAltImageDemo: () => React.JSX.Element;
+    basicImageDemo: () => import("react/jsx-runtime").JSX.Element;
+    ClickableImageDemo: () => import("react/jsx-runtime").JSX.Element;
+    placeholderImageDemo: () => import("react/jsx-runtime").JSX.Element;
+    errorImageDemo: () => import("react/jsx-runtime").JSX.Element;
+    lazyImageDemo: () => import("react/jsx-runtime").JSX.Element;
+    noAltImageDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

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

@@ -1,7 +1,8 @@
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import Image from "../../Image";
 const basicImageDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Image,
     {
       src: "https://via.placeholder.com/150x100",
@@ -9,50 +10,53 @@ const basicImageDemo = () => {
       width: 150,
       height: 100
     }
-  ));
+  ) });
 };
 const ClickableImageDemo = () => {
   const [clicked, setClicked] = useState(false);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    Image,
-    {
-      src: "https://via.placeholder.com/150x100",
-      alt: "\u53EF\u70B9\u51FB\u7684\u793A\u4F8B\u56FE\u7247",
-      width: 150,
-      height: 100,
-      onClick: () => {
-        setClicked(!clicked);
-        console.log("\u56FE\u7247\u88AB\u70B9\u51FB\u4E86");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: "https://via.placeholder.com/150x100",
+        alt: "\u53EF\u70B9\u51FB\u7684\u793A\u4F8B\u56FE\u7247",
+        width: 150,
+        height: 100,
+        onClick: () => {
+          setClicked(!clicked);
+          console.log("\u56FE\u7247\u88AB\u70B9\u51FB\u4E86");
+        }
       }
-    }
-  ), clicked && /* @__PURE__ */ React.createElement("p", null, "\u56FE\u7247\u5DF2\u88AB\u70B9\u51FB"));
+    ),
+    clicked && /* @__PURE__ */ jsx("p", { children: "\u56FE\u7247\u5DF2\u88AB\u70B9\u51FB" })
+  ] });
 };
 const placeholderImageDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Image,
     {
       src: "",
       alt: "\u5E26\u5360\u4F4D\u7B26\u7684\u56FE\u7247",
       width: 150,
       height: 100,
-      placeholder: /* @__PURE__ */ React.createElement("div", null, "\u52A0\u8F7D\u4E2D...")
+      placeholder: /* @__PURE__ */ jsx("div", { children: "\u52A0\u8F7D\u4E2D..." })
     }
-  ));
+  ) });
 };
 const errorImageDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Image,
     {
       src: "https://invalid-url.com/nonexistent.jpg",
       alt: "\u52A0\u8F7D\u5931\u8D25\u7684\u56FE\u7247",
       width: 150,
       height: 100,
-      fallback: /* @__PURE__ */ React.createElement("div", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25")
+      fallback: /* @__PURE__ */ jsx("div", { children: "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" })
     }
-  ));
+  ) });
 };
 const lazyImageDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Image,
     {
       src: "https://via.placeholder.com/150x100",
@@ -61,17 +65,17 @@ const lazyImageDemo = () => {
       height: 100,
       lazy: true
     }
-  ));
+  ) });
 };
 const noAltImageDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Image,
     {
       src: "https://via.placeholder.com/150x100",
       width: 150,
       height: 100
     }
-  ));
+  ) });
 };
 var A11yDemos_default = {
   basicImageDemo,

package/es/Input/Input.d.ts

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

package/es/Input/Input.js

@@ -29,10 +29,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ErrorCircleFilledIcon } from "@bifrostui/icons";
 import { isMini, useValue } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { forwardRef, useState } from "react";
+import { forwardRef, useState } from "react";
 import "./index.css";
 const prefixCls = "bui-input";
 const Input = forwardRef((props, ref) => {
@@ -117,34 +118,37 @@ const Input = forwardRef((props, ref) => {
       placeholderClass: "bui-mini-placeholder"
     };
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: clsx(prefixCls, className, {
         [`${prefixCls}-disabled`]: disabled
       })
-    }, others),
-    startIcon && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-icon ${prefixCls}-icon-start` }, startIcon),
-    /* @__PURE__ */ React.createElement(
-      "input",
-      __spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, nativeProps), {
-        name,
-        type,
-        ref: inputRef,
-        value: inputValue,
-        disabled,
-        placeholder
-      }), ariaProps), inputProps), {
-        onChange: handleChange,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onInput: handleInput,
-        className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-      })
-    ),
-    clearable && !!inputValue && hasFocus && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-clear`, onClick: handleClear }, /* @__PURE__ */ React.createElement(ErrorCircleFilledIcon, { htmlColor: "var(--bui-color-fg-subtle)" })),
-    endIcon && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-icon ${prefixCls}-icon-end` }, endIcon)
+    }, others), {
+      children: [
+        startIcon && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-icon ${prefixCls}-icon-start`, children: startIcon }),
+        /* @__PURE__ */ jsx(
+          "input",
+          __spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, nativeProps), {
+            name,
+            type,
+            ref: inputRef,
+            value: inputValue,
+            disabled,
+            placeholder
+          }), ariaProps), inputProps), {
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onInput: handleInput,
+            className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+          })
+        ),
+        clearable && !!inputValue && hasFocus && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-clear`, onClick: handleClear, children: /* @__PURE__ */ jsx(ErrorCircleFilledIcon, { htmlColor: "var(--bui-color-fg-subtle)" }) }),
+        endIcon && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-icon ${prefixCls}-icon-end`, children: endIcon })
+      ]
+    })
   );
 });
 Input.displayName = "BuiInput";