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

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

@@ -53,31 +53,68 @@ __export(A11yDemos_exports, {
   topDrawerDemo: () => topDrawerDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Drawer = __toESM(require("../../Drawer"));
 const basicDrawerDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Drawer.default, { open: true, anchor: "bottom", "aria-label": "\u57FA\u7840\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px", minHeight: "200px" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "\u57FA\u7840\u62BD\u5C49\u5185\u5BB9"), /* @__PURE__ */ import_react.default.createElement("p", null, "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u5E95\u90E8\u5F39\u51FA\u7684\u62BD\u5C49"), /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u786E\u8BA4"), /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u53D6\u6D88")));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Drawer.default, { open: true, anchor: "bottom", "aria-label": "\u57FA\u7840\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px", minHeight: "200px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u57FA\u7840\u62BD\u5C49\u5185\u5BB9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u5E95\u90E8\u5F39\u51FA\u7684\u62BD\u5C49" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", children: "\u786E\u8BA4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", children: "\u53D6\u6D88" })
+  ] }) });
 };
 const leftDrawerDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Drawer.default, { open: true, anchor: "left", "aria-label": "\u5DE6\u4FA7\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "\u5DE6\u4FA7\u62BD\u5C49"), /* @__PURE__ */ import_react.default.createElement("ul", null, /* @__PURE__ */ import_react.default.createElement("li", null, /* @__PURE__ */ import_react.default.createElement("a", { href: "#item1" }, "\u83DC\u5355\u9879 1")), /* @__PURE__ */ import_react.default.createElement("li", null, /* @__PURE__ */ import_react.default.createElement("a", { href: "#item2" }, "\u83DC\u5355\u9879 2")), /* @__PURE__ */ import_react.default.createElement("li", null, /* @__PURE__ */ import_react.default.createElement("a", { href: "#item3" }, "\u83DC\u5355\u9879 3")))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Drawer.default, { open: true, anchor: "left", "aria-label": "\u5DE6\u4FA7\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u5DE6\u4FA7\u62BD\u5C49" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#item1", children: "\u83DC\u5355\u9879 1" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#item2", children: "\u83DC\u5355\u9879 2" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#item3", children: "\u83DC\u5355\u9879 3" }) })
+    ] })
+  ] }) });
 };
 const rightDrawerDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Drawer.default, { open: true, anchor: "right", "aria-label": "\u53F3\u4FA7\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "\u53F3\u4FA7\u62BD\u5C49"), /* @__PURE__ */ import_react.default.createElement("form", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "10px" } }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "name" }, "\u59D3\u540D:"), /* @__PURE__ */ import_react.default.createElement("input", { id: "name", type: "text" })), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "10px" } }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "email" }, "\u90AE\u7BB1:"), /* @__PURE__ */ import_react.default.createElement("input", { id: "email", type: "email" })), /* @__PURE__ */ import_react.default.createElement("button", { type: "submit" }, "\u63D0\u4EA4"))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Drawer.default, { open: true, anchor: "right", "aria-label": "\u53F3\u4FA7\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px", width: "300px", minHeight: "100vh" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u53F3\u4FA7\u62BD\u5C49" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "10px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "name", children: "\u59D3\u540D:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { id: "name", type: "text" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "10px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "email", children: "\u90AE\u7BB1:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { id: "email", type: "email" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", children: "\u63D0\u4EA4" })
+    ] })
+  ] }) });
 };
 const topDrawerDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Drawer.default, { open: true, anchor: "top", "aria-label": "\u9876\u90E8\u62BD\u5C49", disablePortal: true }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px", minHeight: "200px" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "\u9876\u90E8\u62BD\u5C49"), /* @__PURE__ */ import_react.default.createElement("p", null, "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u9876\u90E8\u5F39\u51FA\u7684\u62BD\u5C49"), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u64CD\u4F5C\u6309\u94AE 1"), /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u64CD\u4F5C\u6309\u94AE 2"))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Drawer.default, { open: true, anchor: "top", "aria-label": "\u9876\u90E8\u62BD\u5C49", disablePortal: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px", minHeight: "200px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u9876\u90E8\u62BD\u5C49" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u8FD9\u662F\u4E00\u4E2A\u4ECE\u9876\u90E8\u5F39\u51FA\u7684\u62BD\u5C49" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", children: "\u64CD\u4F5C\u6309\u94AE 1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", children: "\u64CD\u4F5C\u6309\u94AE 2" })
+    ] })
+  ] }) });
 };
 const noBackdropDrawerDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Drawer.default,
     {
       open: true,
       anchor: "bottom",
       hideBackdrop: true,
       "aria-label": "\u65E0\u80CC\u666F\u906E\u7F69\u62BD\u5C49",
-      disablePortal: true
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px", minHeight: "150px" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "\u65E0\u80CC\u666F\u906E\u7F69"), /* @__PURE__ */ import_react.default.createElement("p", null, "\u8FD9\u4E2A\u62BD\u5C49\u6CA1\u6709\u80CC\u666F\u906E\u7F69"), /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u5173\u95ED"))
+      disablePortal: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px", minHeight: "150px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u65E0\u80CC\u666F\u906E\u7F69" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u8FD9\u4E2A\u62BD\u5C49\u6CA1\u6709\u80CC\u666F\u906E\u7F69" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", children: "\u5173\u95ED" })
+      ] })
+    }
   );
 };
 const interactiveDrawerDemo = () => {
@@ -93,41 +130,57 @@ const interactiveDrawerDemo = () => {
       handleClose();
     };
     if (!open) {
-      return /* @__PURE__ */ import_react.default.createElement("button", { type: "button", onClick: () => setOpen(true) }, "\u91CD\u65B0\u6253\u5F00\u62BD\u5C49");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => setOpen(true), children: "\u91CD\u65B0\u6253\u5F00\u62BD\u5C49" });
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Drawer.default,
       {
         open,
         anchor: "right",
         onClose: handleClose,
         "aria-label": "\u53EF\u4EA4\u4E92\u62BD\u5C49",
-        disablePortal: true
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px", width: "350px" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "\u53CD\u9988\u8868\u5355"), /* @__PURE__ */ import_react.default.createElement("form", { onSubmit: handleSubmit }, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "15px" } }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "feedback-name" }, "\u59D3\u540D:"), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", { style: { marginBottom: "15px" } }, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "feedback-message" }, "\u53CD\u9988\u5185\u5BB9:"), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("button", { type: "submit" }, "\u63D0\u4EA4\u53CD\u9988"), /* @__PURE__ */ import_react.default.createElement("button", { type: "button", onClick: handleClose }, "\u53D6\u6D88"))))
+        disablePortal: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px", width: "350px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u53CD\u9988\u8868\u5355" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: handleSubmit, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "15px" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "feedback-name", children: "\u59D3\u540D:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "15px" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "feedback-message", children: "\u53CD\u9988\u5185\u5BB9:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", children: "\u63D0\u4EA4\u53CD\u9988" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: handleClose, children: "\u53D6\u6D88" })
+            ] })
+          ] })
+        ] })
+      }
     );
   };
-  return /* @__PURE__ */ import_react.default.createElement(InteractiveDrawerDemo, null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InteractiveDrawerDemo, {});
 };
 var A11yDemos_default = {
   basicDrawerDemo,

package/dist/Fade/Fade.js

@@ -59,6 +59,7 @@ __export(Fade_exports, {
   default: () => Fade_default
 });
 module.exports = __toCommonJS(Fade_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@bifrostui/utils");
 var React = __toESM(require("react"));
 var import_Transition = __toESM(require("../Transition"));
@@ -91,7 +92,7 @@ const Fade = /* @__PURE__ */ React.forwardRef(
     ]);
     const transitions = (0, import_utils.createTransitions)();
     const nodeRef = (0, import_utils.useForkRef)(ref, children == null ? void 0 : children.ref);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Transition.default,
       __spreadProps(__spreadValues({
         appear,
@@ -99,27 +100,27 @@ const Fade = /* @__PURE__ */ React.forwardRef(
         timeout,
         delay
       }, others), {
-        ref: nodeRef
-      }),
-      (state, childProps) => {
-        const transition = state === "entering" || state === "exiting" ? transitions.create(
-          "opacity",
-          (0, import_utils.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",
+            (0, import_utils.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/dist/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/dist/IconButton/IconButton.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,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)
@@ -56,6 +59,7 @@ __export(IconButton_exports, {
   default: () => IconButton_default
 });
 module.exports = __toCommonJS(IconButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
@@ -96,9 +100,9 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
       // 禁用状态
       "aria-disabled": disabled
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "button",
-      __spreadValues(__spreadValues({
+      __spreadProps(__spreadValues(__spreadValues({
         type: "button",
         className: (0, import_clsx.default)(
           prefixCls,
@@ -112,13 +116,14 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
           className
         ),
         ref
-      }, accessibilityProps), others),
-      import_utils.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: import_utils.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/dist/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/dist/Image/Image.js

@@ -59,6 +59,7 @@ __export(Image_exports, {
   default: () => Image_default
 });
 module.exports = __toCommonJS(Image_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
@@ -124,15 +125,15 @@ const Image = /* @__PURE__ */ import_react.default.forwardRef(
       setFailed(false);
     }, [src]);
     const defaultIconWrap = (icon) => {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: (0, import_clsx.default)(`${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();
@@ -143,7 +144,7 @@ const Image = /* @__PURE__ */ import_react.default.forwardRef(
       mode: fit && modeEnum[fit],
       showMenuByLongpress: showMenu
     };
-    const imgEle = /* @__PURE__ */ import_react.default.createElement(
+    const imgEle = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "img",
       __spreadValues(__spreadProps(__spreadValues({
         src,
@@ -170,17 +171,21 @@ const Image = /* @__PURE__ */ import_react.default.forwardRef(
     function renderImgEle() {
       if (failed)
         return fallback || defaultPlaceholder;
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !loaded && defaultPlaceholder, imgEle);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        !loaded && defaultPlaceholder,
+        imgEle
+      ] });
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         onClick,
         style: __spreadValues({ width, height }, style),
         className: (0, import_clsx.default)(prefixCls, className)
-      }, others),
-      renderImgEle()
+      }, others), {
+        children: renderImgEle()
+      })
     );
   }
 );

package/dist/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/dist/Image/__tests__/fixtures/A11yDemos.js

@@ -36,10 +36,11 @@ __export(A11yDemos_exports, {
   placeholderImageDemo: () => placeholderImageDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Image = __toESM(require("../../Image"));
 const basicImageDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Image.default,
     {
       src: "https://via.placeholder.com/150x100",
@@ -47,50 +48,53 @@ const basicImageDemo = () => {
       width: 150,
       height: 100
     }
-  ));
+  ) });
 };
 const ClickableImageDemo = () => {
   const [clicked, setClicked] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-    import_Image.default,
-    {
-      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__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Image.default,
+      {
+        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__ */ import_react.default.createElement("p", null, "\u56FE\u7247\u5DF2\u88AB\u70B9\u51FB"));
+    ),
+    clicked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u56FE\u7247\u5DF2\u88AB\u70B9\u51FB" })
+  ] });
 };
 const placeholderImageDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Image.default,
     {
       src: "",
       alt: "\u5E26\u5360\u4F4D\u7B26\u7684\u56FE\u7247",
       width: 150,
       height: 100,
-      placeholder: /* @__PURE__ */ import_react.default.createElement("div", null, "\u52A0\u8F7D\u4E2D...")
+      placeholder: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "\u52A0\u8F7D\u4E2D..." })
     }
-  ));
+  ) });
 };
 const errorImageDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Image.default,
     {
       src: "https://invalid-url.com/nonexistent.jpg",
       alt: "\u52A0\u8F7D\u5931\u8D25\u7684\u56FE\u7247",
       width: 150,
       height: 100,
-      fallback: /* @__PURE__ */ import_react.default.createElement("div", null, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25")
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" })
     }
-  ));
+  ) });
 };
 const lazyImageDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Image.default,
     {
       src: "https://via.placeholder.com/150x100",
@@ -99,17 +103,17 @@ const lazyImageDemo = () => {
       height: 100,
       lazy: true
     }
-  ));
+  ) });
 };
 const noAltImageDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Image.default,
     {
       src: "https://via.placeholder.com/150x100",
       width: 150,
       height: 100
     }
-  ));
+  ) });
 };
 var A11yDemos_default = {
   basicImageDemo,

package/dist/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/dist/Input/Input.js

@@ -59,10 +59,11 @@ __export(Input_exports, {
   default: () => Input_default
 });
 module.exports = __toCommonJS(Input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_index2 = require("./index.css");
 const prefixCls = "bui-input";
 const Input = (0, import_react.forwardRef)((props, ref) => {
@@ -147,34 +148,37 @@ const Input = (0, import_react.forwardRef)((props, ref) => {
       placeholderClass: "bui-mini-placeholder"
     };
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_clsx.default)(prefixCls, className, {
         [`${prefixCls}-disabled`]: disabled
       })
-    }, others),
-    startIcon && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-icon ${prefixCls}-icon-start` }, startIcon),
-    /* @__PURE__ */ import_react.default.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: (0, import_clsx.default)(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-      })
-    ),
-    clearable && !!inputValue && hasFocus && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-clear`, onClick: handleClear }, /* @__PURE__ */ import_react.default.createElement(import_icons.ErrorCircleFilledIcon, { htmlColor: "var(--bui-color-fg-subtle)" })),
-    endIcon && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-icon ${prefixCls}-icon-end` }, endIcon)
+    }, others), {
+      children: [
+        startIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-icon ${prefixCls}-icon-start`, children: startIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.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: (0, import_clsx.default)(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+          })
+        ),
+        clearable && !!inputValue && hasFocus && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-clear`, onClick: handleClear, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ErrorCircleFilledIcon, { htmlColor: "var(--bui-color-fg-subtle)" }) }),
+        endIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-icon ${prefixCls}-icon-end`, children: endIcon })
+      ]
+    })
   );
 });
 Input.displayName = "BuiInput";