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

package/es/Popover/Popover.js

@@ -29,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 { useForkRef } from "@bifrostui/utils";
@@ -154,59 +155,71 @@ const Popover = /* @__PURE__ */ React.forwardRef((props, ref) => {
   }), React.isValidElement(children) && (children.type === "button" || children.type === "a" || ((_b = children.props) == null ? void 0 : _b.role) === "button") && {
     "aria-expanded": isOpen
   });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, isOpen ? /* @__PURE__ */ React.createElement(Portal, { onMounted }, backdropProps && /* @__PURE__ */ React.createElement(
-    Backdrop,
-    __spreadValues({
-      className: "bui-popover-backdrop",
-      style: {
-        zIndex: 999
-      },
-      open: isOpen,
-      invisible: true,
-      role: "button",
-      tabIndex: -1,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          if ((backdropProps == null ? void 0 : backdropProps.onClick) && typeof backdropProps.onClick === "function") {
-            backdropProps.onClick(
-              e
-            );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isOpen ? /* @__PURE__ */ jsxs(Portal, { onMounted, children: [
+      backdropProps && /* @__PURE__ */ jsx(
+        Backdrop,
+        __spreadValues({
+          className: "bui-popover-backdrop",
+          style: {
+            zIndex: 999
+          },
+          open: isOpen,
+          invisible: true,
+          role: "button",
+          tabIndex: -1,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              if ((backdropProps == null ? void 0 : backdropProps.onClick) && typeof backdropProps.onClick === "function") {
+                backdropProps.onClick(
+                  e
+                );
+              }
+            }
           }
-        }
-      }
-    }, backdropProps)
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    __spreadValues({
-      className: clsx(prefixCls, className, `popover-${arrowDirection}`, {
-        "bui-popover-arrow-hide": hideArrow
-      }),
-      style: __spreadValues(__spreadValues({}, style), toolStyles),
-      ref: nodeRef,
-      id: popoverId,
-      role,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledby,
-      tabIndex: autoFocus ? 0 : void 0,
-      onClick: (e) => e.stopPropagation(),
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.stopPropagation();
-        }
-      }
-    }, others),
-    !hideArrow ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx(
-          "bui-popover-arrow",
-          `location-${arrowLocation}`
-        )
-      }
-    ) : null,
-    /* @__PURE__ */ React.createElement("div", { className: "bui-popover-content" }, title ? /* @__PURE__ */ React.createElement("div", { className: "bui-popover-title" }, title) : null, content ? /* @__PURE__ */ React.createElement("div", { className: "bui-popover-inner-content" }, content) : null)
-  )) : null, React.isValidElement(children) ? React.cloneElement(children, childrenOptions) : children);
+        }, backdropProps)
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        __spreadProps(__spreadValues({
+          className: clsx(prefixCls, className, `popover-${arrowDirection}`, {
+            "bui-popover-arrow-hide": hideArrow
+          }),
+          style: __spreadValues(__spreadValues({}, style), toolStyles),
+          ref: nodeRef,
+          id: popoverId,
+          role,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby,
+          tabIndex: autoFocus ? 0 : void 0,
+          onClick: (e) => e.stopPropagation(),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.stopPropagation();
+            }
+          }
+        }, others), {
+          children: [
+            !hideArrow ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx(
+                  "bui-popover-arrow",
+                  `location-${arrowLocation}`
+                )
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs("div", { className: "bui-popover-content", children: [
+              title ? /* @__PURE__ */ jsx("div", { className: "bui-popover-title", children: title }) : null,
+              content ? /* @__PURE__ */ jsx("div", { className: "bui-popover-inner-content", children: content }) : null
+            ] })
+          ]
+        })
+      )
+    ] }) : null,
+    React.isValidElement(children) ? React.cloneElement(children, childrenOptions) : children
+  ] });
 });
 Popover.displayName = "BuiPopover";
 var Popover_default = Popover;

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

@@ -1,25 +1,24 @@
-import * as React from 'react';
 /**
  * 自定义 Popover 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicPopoverDemo: () => React.JSX.Element;
-export declare const placementPopoverDemo: () => React.JSX.Element;
-export declare const triggerPopoverDemo: () => React.JSX.Element;
-export declare const accessibilityPopoverDemo: () => React.JSX.Element;
-export declare const complexInteractionPopoverDemo: () => React.JSX.Element;
-export declare const complexContentPopoverDemo: () => React.JSX.Element;
-export declare const offsetPopoverDemo: () => React.JSX.Element;
-export declare const edgeCasePopoverDemo: () => React.JSX.Element;
+export declare const basicPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const placementPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const triggerPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const accessibilityPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const complexInteractionPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const complexContentPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const offsetPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const edgeCasePopoverDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicPopoverDemo: () => React.JSX.Element;
-    placementPopoverDemo: () => React.JSX.Element;
-    triggerPopoverDemo: () => React.JSX.Element;
-    accessibilityPopoverDemo: () => React.JSX.Element;
-    complexInteractionPopoverDemo: () => React.JSX.Element;
-    complexContentPopoverDemo: () => React.JSX.Element;
-    offsetPopoverDemo: () => React.JSX.Element;
-    edgeCasePopoverDemo: () => React.JSX.Element;
+    basicPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+    placementPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+    triggerPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+    accessibilityPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+    complexInteractionPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+    complexContentPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+    offsetPopoverDemo: () => import("react/jsx-runtime").JSX.Element;
+    edgeCasePopoverDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

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

@@ -1,45 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Popover from "../../Popover";
 const basicPopoverDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Popover,
     {
       title: "\u57FA\u7840\u6C14\u6CE1",
       content: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Popover \u7EC4\u4EF6\u793A\u4F8B",
       defaultOpen: true,
       role: "tooltip",
-      "aria-label": "\u5E2E\u52A9\u4FE1\u606F"
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u57FA\u7840\u6C14\u6CE1")
-  ));
+      "aria-label": "\u5E2E\u52A9\u4FE1\u606F",
+      children: /* @__PURE__ */ jsx("button", { type: "button", children: "\u57FA\u7840\u6C14\u6CE1" })
+    }
+  ) });
 };
 const placementPopoverDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Popover,
     {
       title: "\u4F4D\u7F6E\u6D4B\u8BD5",
       content: "\u6D4B\u8BD5\u4E0D\u540C\u4F4D\u7F6E\u7684\u6C14\u6CE1",
       defaultOpen: true,
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
-      role: "tooltip"
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u4F4D\u7F6E\u6C14\u6CE1")
-  ));
+      role: "tooltip",
+      children: /* @__PURE__ */ jsx("button", { type: "button", children: "\u4F4D\u7F6E\u6C14\u6CE1" })
+    }
+  ) });
 };
 const triggerPopoverDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Popover,
     {
       title: "\u89E6\u53D1\u65B9\u5F0F",
       content: "\u6D4B\u8BD5\u4E0D\u540C\u89E6\u53D1\u65B9\u5F0F",
       trigger: ["click", "hover"],
-      role: "tooltip"
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u89E6\u53D1\u65B9\u5F0F")
-  ));
+      role: "tooltip",
+      children: /* @__PURE__ */ jsx("button", { type: "button", children: "\u89E6\u53D1\u65B9\u5F0F" })
+    }
+  ) });
 };
 const accessibilityPopoverDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Popover,
     {
       title: "\u65E0\u969C\u788D\u6D4B\u8BD5",
@@ -47,59 +48,70 @@ const accessibilityPopoverDemo = () => {
       defaultOpen: true,
       role: "dialog",
       "aria-label": "\u64CD\u4F5C\u786E\u8BA4\u5BF9\u8BDD\u6846",
-      autoFocus: true
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u65E0\u969C\u788D\u6C14\u6CE1")
-  ));
+      autoFocus: true,
+      children: /* @__PURE__ */ jsx("button", { type: "button", children: "\u65E0\u969C\u788D\u6C14\u6CE1" })
+    }
+  ) });
 };
 const complexInteractionPopoverDemo = () => {
   const ComplexInteractionPopoverDemo = () => {
     const [open, setOpen] = React.useState(false);
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setOpen(!open) }, open ? "\u5173\u95ED\u6C14\u6CE1" : "\u6253\u5F00\u6C14\u6CE1"), /* @__PURE__ */ React.createElement(
-      Popover,
-      {
-        title: "\u590D\u6742\u4EA4\u4E92",
-        content: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, "\u8FD9\u662F\u4E00\u4E2A\u590D\u6742\u4EA4\u4E92\u7684\u6C14\u6CE1"), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setOpen(false) }, "\u5173\u95ED")),
-        open,
-        trigger: "none",
-        role: "dialog",
-        onOpenChange: (e, data) => {
-          setOpen(data.open);
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setOpen(!open), children: open ? "\u5173\u95ED\u6C14\u6CE1" : "\u6253\u5F00\u6C14\u6CE1" }),
+      /* @__PURE__ */ jsx(
+        Popover,
+        {
+          title: "\u590D\u6742\u4EA4\u4E92",
+          content: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { children: "\u8FD9\u662F\u4E00\u4E2A\u590D\u6742\u4EA4\u4E92\u7684\u6C14\u6CE1" }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setOpen(false), children: "\u5173\u95ED" })
+          ] }),
+          open,
+          trigger: "none",
+          role: "dialog",
+          onOpenChange: (e, data) => {
+            setOpen(data.open);
+          },
+          children: /* @__PURE__ */ jsx("span", { children: "\u590D\u6742\u4EA4\u4E92\u76EE\u6807" })
         }
-      },
-      /* @__PURE__ */ React.createElement("span", null, "\u590D\u6742\u4EA4\u4E92\u76EE\u6807")
-    ));
+      )
+    ] });
   };
-  return /* @__PURE__ */ React.createElement(ComplexInteractionPopoverDemo, null);
+  return /* @__PURE__ */ jsx(ComplexInteractionPopoverDemo, {});
 };
 const complexContentPopoverDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Popover,
     {
       title: "\u590D\u6742\u5185\u5BB9",
-      content: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, "\u5305\u542B\u591A\u79CD\u5143\u7D20\u7684\u590D\u6742\u5185\u5BB9\uFF1A"), /* @__PURE__ */ React.createElement("input", { placeholder: "\u8F93\u5165\u6846" }), /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u6309\u94AE"), /* @__PURE__ */ React.createElement("a", { href: "#test" }, "\u94FE\u63A5")),
+      content: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: "\u5305\u542B\u591A\u79CD\u5143\u7D20\u7684\u590D\u6742\u5185\u5BB9\uFF1A" }),
+        /* @__PURE__ */ jsx("input", { placeholder: "\u8F93\u5165\u6846" }),
+        /* @__PURE__ */ jsx("button", { type: "button", children: "\u6309\u94AE" }),
+        /* @__PURE__ */ jsx("a", { href: "#test", children: "\u94FE\u63A5" })
+      ] }),
       defaultOpen: true,
       role: "dialog",
-      "aria-label": "\u590D\u6742\u5185\u5BB9\u5BF9\u8BDD\u6846"
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u590D\u6742\u5185\u5BB9")
-  ));
+      "aria-label": "\u590D\u6742\u5185\u5BB9\u5BF9\u8BDD\u6846",
+      children: /* @__PURE__ */ jsx("button", { type: "button", children: "\u590D\u6742\u5185\u5BB9" })
+    }
+  ) });
 };
 const offsetPopoverDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Popover,
     {
       title: "\u504F\u79FB\u8BBE\u7F6E",
       content: "\u6D4B\u8BD5\u504F\u79FB\u8DDD\u79BB\u8BBE\u7F6E",
       defaultOpen: true,
       offsetSpacing: 20,
-      role: "tooltip"
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u504F\u79FB\u6C14\u6CE1")
-  ));
+      role: "tooltip",
+      children: /* @__PURE__ */ jsx("button", { type: "button", children: "\u504F\u79FB\u6C14\u6CE1" })
+    }
+  ) });
 };
 const edgeCasePopoverDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     Popover,
     {
       title: "",
@@ -107,10 +119,10 @@ const edgeCasePopoverDemo = () => {
       hideArrow: true,
       defaultOpen: true,
       role: "tooltip",
-      closeOnEscape: false
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u8FB9\u754C\u60C5\u51B5")
-  ));
+      closeOnEscape: false,
+      children: /* @__PURE__ */ jsx("button", { type: "button", children: "\u8FB9\u754C\u60C5\u51B5" })
+    }
+  ) });
 };
 var A11yDemos_default = {
   basicPopoverDemo,

package/es/Popover/hooks/usePopoverPosition.js

@@ -48,7 +48,7 @@ const usePopoverPosition = ({
 }) => {
   const placement = anchorOriginToPlacement(anchorOrigin);
   const { direction, location = "center" } = parsePlacement(placement);
-  const childrenRef = useRef();
+  const childrenRef = useRef(null);
   const [arrowDirection, setArrowDirection] = useState(direction);
   const [arrowLocation, setArrowLocation] = useState(location);
   const [toolStyles, setToolStyles] = useState({});

package/es/Portal/Portal.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 PortalCore from "./PortalCore";
 const Portal = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ React.createElement(PortalCore, __spreadProps(__spreadValues({}, props), { ref, rootElement: document.body }));
+    return /* @__PURE__ */ jsx(PortalCore, __spreadProps(__spreadValues({}, props), { ref, rootElement: document.body }));
   }
 );
 Portal.displayName = "BuiPortal";

package/es/Portal/Portal.miniapp.js

@@ -17,8 +17,9 @@ 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 React, { forwardRef, useLayoutEffect, useState, useMemo } from "react";
+import { forwardRef, useLayoutEffect, useState, useMemo } from "react";
 import PortalCore from "./PortalCore";
 const Portal = forwardRef((props, ref) => {
   const { disablePortal } = props;
@@ -49,7 +50,7 @@ const Portal = forwardRef((props, ref) => {
     }
     setRootWrapperElement(root);
   }, [disablePortal, initialPageInfo.path]);
-  return /* @__PURE__ */ React.createElement(PortalCore, __spreadProps(__spreadValues({}, props), { ref, rootElement: rootWrapperElement }));
+  return /* @__PURE__ */ jsx(PortalCore, __spreadProps(__spreadValues({}, props), { ref, rootElement: rootWrapperElement }));
 });
 Portal.displayName = "BuiPortal";
 var Portal_miniapp_default = Portal;

package/es/Progress/Progress.d.ts

@@ -4,5 +4,5 @@ import './index.less';
 export declare const handleGradient: (strokeColor: ProgressGradient) => {
     backgroundImage: string;
 };
-declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Progress;

package/es/Progress/Progress.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 clsx from "clsx";
 import * as React from "react";
 import { useLocaleText } from "../locales";
@@ -135,13 +139,14 @@ const Progress = /* @__PURE__ */ React.forwardRef(
     };
     return (
       // 外层容器
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ jsx(
         "div",
-        __spreadValues(__spreadValues({
+        __spreadProps(__spreadValues(__spreadValues({
           className: clsx(prefixCls, className),
           ref
-        }, accessibilityProps), others),
-        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-inner`, style: trailStyle }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-bg`, style: percentStyle }))
+        }, accessibilityProps), others), {
+          children: /* @__PURE__ */ jsx("div", { className: `${prefixCls}-inner`, style: trailStyle, children: /* @__PURE__ */ jsx("div", { className: `${prefixCls}-bg`, style: percentStyle }) })
+        })
       )
     );
   }

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

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

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

@@ -1,47 +1,68 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Progress from "../../Progress";
 const basicProgressDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Progress, { percent: 40 }));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Progress, { percent: 40 }) });
 };
 const coloredProgressDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Progress, { percent: 40, strokeColor: "var(--bui-color-primary)" }), /* @__PURE__ */ React.createElement(Progress, { percent: 50, strokeColor: "var(--bui-color-info)" }), /* @__PURE__ */ React.createElement(Progress, { percent: 30, strokeColor: "var(--bui-color-success)" }), /* @__PURE__ */ React.createElement(Progress, { percent: 80, strokeColor: "var(--bui-color-warning)" }), /* @__PURE__ */ React.createElement(Progress, { percent: 90, strokeColor: "var(--bui-color-vip)" }));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Progress, { percent: 40, strokeColor: "var(--bui-color-primary)" }),
+    /* @__PURE__ */ jsx(Progress, { percent: 50, strokeColor: "var(--bui-color-info)" }),
+    /* @__PURE__ */ jsx(Progress, { percent: 30, strokeColor: "var(--bui-color-success)" }),
+    /* @__PURE__ */ jsx(Progress, { percent: 80, strokeColor: "var(--bui-color-warning)" }),
+    /* @__PURE__ */ jsx(Progress, { percent: 90, strokeColor: "var(--bui-color-vip)" })
+  ] });
 };
 const sizedProgressDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Progress, { percent: 60, strokeWidth: 10 }), /* @__PURE__ */ React.createElement(Progress, { percent: 60, strokeWidth: 15 }), /* @__PURE__ */ React.createElement(Progress, { percent: 60, strokeWidth: 20 }));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Progress, { percent: 60, strokeWidth: 10 }),
+    /* @__PURE__ */ jsx(Progress, { percent: 60, strokeWidth: 15 }),
+    /* @__PURE__ */ jsx(Progress, { percent: 60, strokeWidth: 20 })
+  ] });
 };
 const gradientProgressDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    Progress,
-    {
-      percent: 60,
-      strokeColor: {
-        from: "var(--bui-color-primary)",
-        to: "var(--bui-color-primary-light)"
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      Progress,
+      {
+        percent: 60,
+        strokeColor: {
+          from: "var(--bui-color-primary)",
+          to: "var(--bui-color-primary-light)"
+        }
       }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Progress,
-    {
-      percent: 90,
-      strokeColor: {
-        "0%": "var(--bui-color-orange)",
-        "100%": "var(--bui-color-orange-light)"
+    ),
+    /* @__PURE__ */ jsx(
+      Progress,
+      {
+        percent: 90,
+        strokeColor: {
+          "0%": "var(--bui-color-orange)",
+          "100%": "var(--bui-color-orange-light)"
+        }
       }
-    }
-  ));
+    )
+  ] });
 };
 const customTrailColorProgressDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Progress, { percent: 60, trailColor: "var(--bui-color-primary-light)" }), /* @__PURE__ */ React.createElement(Progress, { percent: 80, trailColor: "var(--bui-color-gray-light)" }));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Progress, { percent: 60, trailColor: "var(--bui-color-primary-light)" }),
+    /* @__PURE__ */ jsx(Progress, { percent: 80, trailColor: "var(--bui-color-gray-light)" })
+  ] });
 };
 const accessibilityProgressDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Progress, { percent: 50, "aria-label": "\u6587\u4EF6\u4E0B\u8F7D\u8FDB\u5EA6" }), /* @__PURE__ */ React.createElement(
-    Progress,
-    {
-      percent: 75,
-      "aria-label": "\u6570\u636E\u52A0\u8F7D\u8FDB\u5EA6",
-      "aria-valuetext": "\u5DF2\u5B8C\u621075%"
-    }
-  ), /* @__PURE__ */ React.createElement(Progress, { percent: 30, "aria-describedby": "progress-description" }), /* @__PURE__ */ React.createElement("span", { id: "progress-description", style: { display: "none" } }, "\u8FD9\u662F\u8FDB\u5EA6\u6761\u7684\u8BE6\u7EC6\u63CF\u8FF0\u4FE1\u606F"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Progress, { percent: 50, "aria-label": "\u6587\u4EF6\u4E0B\u8F7D\u8FDB\u5EA6" }),
+    /* @__PURE__ */ jsx(
+      Progress,
+      {
+        percent: 75,
+        "aria-label": "\u6570\u636E\u52A0\u8F7D\u8FDB\u5EA6",
+        "aria-valuetext": "\u5DF2\u5B8C\u621075%"
+      }
+    ),
+    /* @__PURE__ */ jsx(Progress, { percent: 30, "aria-describedby": "progress-description" }),
+    /* @__PURE__ */ jsx("span", { id: "progress-description", style: { display: "none" }, children: "\u8FD9\u662F\u8FDB\u5EA6\u6761\u7684\u8BE6\u7EC6\u63CF\u8FF0\u4FE1\u606F" })
+  ] });
 };
 var A11yDemos_default = {
   basicProgressDemo,

package/es/Radio/Radio.d.ts

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