@bifrostui/react 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/NavBar/NavBar.js

@@ -56,13 +56,13 @@ __export(NavBar_exports, {
   default: () => NavBar_default
 });
 module.exports = __toCommonJS(NavBar_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
 var import_icons = require("@bifrostui/icons");
 var import_index = require("./index.css");
 const prefixCls = "bui-navbar";
-const NavBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const NavBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     className,
     title,
@@ -84,7 +84,7 @@ const NavBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "placeholder",
     "onClickLeft"
   ]);
-  const containerRef = import_react.default.useRef(null);
+  const containerRef = React.useRef(null);
   const handleForkRef = (0, import_utils.useForkRef)(ref, containerRef);
   const { height } = (0, import_utils.useSize)(containerRef);
   const renderLeft = () => {
@@ -92,20 +92,20 @@ const NavBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     if (leftIcon === false) {
       icon = null;
     } else {
-      icon = leftIcon != null ? leftIcon : /* @__PURE__ */ import_react.default.createElement(
+      icon = leftIcon != null ? leftIcon : /* @__PURE__ */ React.createElement(
         import_icons.ArrowBackwardLargeIcon,
         __spreadValues({
           className: (0, import_clsx.default)(`${prefixCls}-icon`)
         }, IconProps)
       );
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-left`, onClick: onClickLeft }, icon, left);
+    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-left`, onClick: onClickLeft }, icon, left);
   };
   const renderRight = () => {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-right` }, right);
+    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-right` }, right);
   };
   const renderNavBar = () => {
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       __spreadValues({
         ref: handleForkRef,
@@ -114,13 +114,13 @@ const NavBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         })
       }, otherProps),
       renderLeft(),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-title`, "ellipsis") }, title),
+      /* @__PURE__ */ React.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-title`, "ellipsis") }, title),
       renderRight()
     );
   };
   const renderPlaceholder = () => {
     if (fixed && placeholder) {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ React.createElement(
         "div",
         {
           className: `${prefixCls}-placeholder`,
@@ -130,7 +130,7 @@ const NavBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     }
     return null;
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderNavBar(), renderPlaceholder());
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, renderNavBar(), renderPlaceholder());
 });
 NavBar.displayName = "BuiNavBar";
 var NavBar_default = NavBar;

package/dist/Picker/Picker.js

@@ -268,7 +268,6 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
               [`${prefixCls}-confirm-disabled`]: disabled
             }),
             onClick: confirm,
-            type: "button",
             "aria-label": "Confirm",
             tabIndex: disabled ? -1 : 0
           },

package/dist/Picker/Picker.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 import { DrawerProps } from '../Drawer/Drawer.types';
 export interface IPickerOptionItem {

package/dist/Picker/__tests__/fixtures/A11yDemos.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import * as React from 'react';
 export declare const CalendarDemo: () => React.JSX.Element;

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

@@ -30,10 +30,10 @@ __export(A11yDemos_exports, {
   CalendarDemo: () => CalendarDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Picker = __toESM(require("../../Picker"));
 const CalendarDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_Picker.default,
     {
       open: true,

package/dist/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { PopoverProps } from './Popover.types';
 import './index.less';
 declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Popover/Popover.js

@@ -60,14 +60,14 @@ __export(Popover_exports, {
 });
 module.exports = __toCommonJS(Popover_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_Portal = __toESM(require("../Portal"));
 var import_Backdrop = __toESM(require("../Backdrop"));
 var import_hooks = require("./hooks");
 var import_index = require("./index.css");
 const prefixCls = "bui-popover";
-const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Popover = /* @__PURE__ */ React.forwardRef((props, ref) => {
   var _b;
   const _a = props, {
     className,
@@ -176,10 +176,10 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   }, triggerEventOption), {
     "aria-describedby": isOpen ? popoverId : void 0,
     "aria-haspopup": getAriaHasPopup()
-  }), import_react.default.isValidElement(children) && (children.type === "button" || children.type === "a" || ((_b = children.props) == null ? void 0 : _b.role) === "button") && {
+  }), React.isValidElement(children) && (children.type === "button" || children.type === "a" || ((_b = children.props) == null ? void 0 : _b.role) === "button") && {
     "aria-expanded": isOpen
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isOpen ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { onMounted }, backdropProps && /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, isOpen ? /* @__PURE__ */ React.createElement(import_Portal.default, { onMounted }, backdropProps && /* @__PURE__ */ React.createElement(
     import_Backdrop.default,
     __spreadValues({
       className: "bui-popover-backdrop",
@@ -201,7 +201,7 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
         }
       }
     }, backdropProps)
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, `popover-${arrowDirection}`, {
@@ -221,7 +221,7 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
         }
       }
     }, others),
-    !hideArrow ? /* @__PURE__ */ import_react.default.createElement(
+    !hideArrow ? /* @__PURE__ */ React.createElement(
       "div",
       {
         className: (0, import_clsx.default)(
@@ -230,8 +230,8 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
         )
       }
     ) : null,
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "bui-popover-content" }, title ? /* @__PURE__ */ import_react.default.createElement("div", { className: "bui-popover-title" }, title) : null, content ? /* @__PURE__ */ import_react.default.createElement("div", { className: "bui-popover-inner-content" }, content) : null)
-  )) : null, import_react.default.isValidElement(children) ? import_react.default.cloneElement(children, childrenOptions) : children);
+    /* @__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);
 });
 Popover.displayName = "BuiPopover";
 var Popover_default = Popover;

package/dist/Popover/Popover.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 type triggerType = 'click' | 'hover' | 'none';
 export interface AnchorOrigin {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Popover 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

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

@@ -38,10 +38,10 @@ __export(A11yDemos_exports, {
   triggerPopoverDemo: () => triggerPopoverDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Popover = __toESM(require("../../Popover"));
 const basicPopoverDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Popover.default,
     {
       title: "\u57FA\u7840\u6C14\u6CE1",
@@ -50,11 +50,11 @@ const basicPopoverDemo = () => {
       role: "tooltip",
       "aria-label": "\u5E2E\u52A9\u4FE1\u606F"
     },
-    /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u57FA\u7840\u6C14\u6CE1")
+    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u57FA\u7840\u6C14\u6CE1")
   ));
 };
 const placementPopoverDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Popover.default,
     {
       title: "\u4F4D\u7F6E\u6D4B\u8BD5",
@@ -63,11 +63,11 @@ const placementPopoverDemo = () => {
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       role: "tooltip"
     },
-    /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u4F4D\u7F6E\u6C14\u6CE1")
+    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u4F4D\u7F6E\u6C14\u6CE1")
   ));
 };
 const triggerPopoverDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Popover.default,
     {
       title: "\u89E6\u53D1\u65B9\u5F0F",
@@ -75,11 +75,11 @@ const triggerPopoverDemo = () => {
       trigger: ["click", "hover"],
       role: "tooltip"
     },
-    /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u89E6\u53D1\u65B9\u5F0F")
+    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u89E6\u53D1\u65B9\u5F0F")
   ));
 };
 const accessibilityPopoverDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Popover.default,
     {
       title: "\u65E0\u969C\u788D\u6D4B\u8BD5",
@@ -89,17 +89,17 @@ const accessibilityPopoverDemo = () => {
       "aria-label": "\u64CD\u4F5C\u786E\u8BA4\u5BF9\u8BDD\u6846",
       autoFocus: true
     },
-    /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u65E0\u969C\u788D\u6C14\u6CE1")
+    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u65E0\u969C\u788D\u6C14\u6CE1")
   ));
 };
 const complexInteractionPopoverDemo = () => {
   const ComplexInteractionPopoverDemo = () => {
-    const [open, setOpen] = import_react.default.useState(false);
-    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("button", { type: "button", onClick: () => setOpen(!open) }, open ? "\u5173\u95ED\u6C14\u6CE1" : "\u6253\u5F00\u6C14\u6CE1"), /* @__PURE__ */ import_react.default.createElement(
+    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(
       import_Popover.default,
       {
         title: "\u590D\u6742\u4EA4\u4E92",
-        content: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "\u8FD9\u662F\u4E00\u4E2A\u590D\u6742\u4EA4\u4E92\u7684\u6C14\u6CE1"), /* @__PURE__ */ import_react.default.createElement("button", { type: "button", onClick: () => setOpen(false) }, "\u5173\u95ED")),
+        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",
@@ -107,26 +107,26 @@ const complexInteractionPopoverDemo = () => {
           setOpen(data.open);
         }
       },
-      /* @__PURE__ */ import_react.default.createElement("span", null, "\u590D\u6742\u4EA4\u4E92\u76EE\u6807")
+      /* @__PURE__ */ React.createElement("span", null, "\u590D\u6742\u4EA4\u4E92\u76EE\u6807")
     ));
   };
-  return /* @__PURE__ */ import_react.default.createElement(ComplexInteractionPopoverDemo, null);
+  return /* @__PURE__ */ React.createElement(ComplexInteractionPopoverDemo, null);
 };
 const complexContentPopoverDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Popover.default,
     {
       title: "\u590D\u6742\u5185\u5BB9",
-      content: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "\u5305\u542B\u591A\u79CD\u5143\u7D20\u7684\u590D\u6742\u5185\u5BB9\uFF1A"), /* @__PURE__ */ import_react.default.createElement("input", { placeholder: "\u8F93\u5165\u6846" }), /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u6309\u94AE"), /* @__PURE__ */ import_react.default.createElement("a", { href: "#test" }, "\u94FE\u63A5")),
+      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")),
       defaultOpen: true,
       role: "dialog",
       "aria-label": "\u590D\u6742\u5185\u5BB9\u5BF9\u8BDD\u6846"
     },
-    /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u590D\u6742\u5185\u5BB9")
+    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u590D\u6742\u5185\u5BB9")
   ));
 };
 const offsetPopoverDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Popover.default,
     {
       title: "\u504F\u79FB\u8BBE\u7F6E",
@@ -135,11 +135,11 @@ const offsetPopoverDemo = () => {
       offsetSpacing: 20,
       role: "tooltip"
     },
-    /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u504F\u79FB\u6C14\u6CE1")
+    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u504F\u79FB\u6C14\u6CE1")
   ));
 };
 const edgeCasePopoverDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Popover.default,
     {
       title: "",
@@ -149,7 +149,7 @@ const edgeCasePopoverDemo = () => {
       role: "tooltip",
       closeOnEscape: false
     },
-    /* @__PURE__ */ import_react.default.createElement("button", { type: "button" }, "\u8FB9\u754C\u60C5\u51B5")
+    /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u8FB9\u754C\u60C5\u51B5")
   ));
 };
 var A11yDemos_default = {

package/dist/Portal/Portal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { PortalProps } from './Portal.types';
 export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement>>;
 export default Portal;

package/dist/Portal/Portal.js

@@ -48,11 +48,11 @@ __export(Portal_exports, {
   default: () => Portal_default
 });
 module.exports = __toCommonJS(Portal_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_PortalCore = __toESM(require("./PortalCore"));
-const Portal = /* @__PURE__ */ import_react.default.forwardRef(
+const Portal = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_PortalCore.default, __spreadProps(__spreadValues({}, props), { ref, rootElement: document.body }));
+    return /* @__PURE__ */ React.createElement(import_PortalCore.default, __spreadProps(__spreadValues({}, props), { ref, rootElement: document.body }));
   }
 );
 Portal.displayName = "BuiPortal";

package/dist/Portal/Portal.miniapp.js

@@ -54,14 +54,20 @@ var import_PortalCore = __toESM(require("./PortalCore"));
 const Portal = (0, import_react.forwardRef)((props, ref) => {
   const { disablePortal } = props;
   const [rootWrapperElement, setRootWrapperElement] = (0, import_react.useState)();
-  (0, import_react.useEffect)(() => {
+  const initialPageInfo = (0, import_react.useMemo)(() => {
+    const currentPages = import_taro.default.getCurrentPages() || [];
+    const currentPage = currentPages[currentPages.length - 1];
+    return {
+      path: currentPage == null ? void 0 : currentPage.$taroPath
+    };
+  }, []);
+  (0, import_react.useLayoutEffect)(() => {
     let root;
-    if (!disablePortal) {
-      const currentPages = import_taro.default.getCurrentPages() || [];
-      const currentPage = currentPages[currentPages.length - 1];
-      const pageElement = currentPage == null ? void 0 : currentPage.$taroPath;
-      const rootElement = document.getElementById(pageElement);
-      const portalId = (rootElement == null ? void 0 : rootElement.sid) ? `${rootElement == null ? void 0 : rootElement.sid}_portalId` : `${pageElement}_portalId`;
+    if (!disablePortal && initialPageInfo.path) {
+      const { path } = initialPageInfo;
+      const rootElement = document.getElementById(path);
+      const elementWithSid = rootElement;
+      const portalId = (elementWithSid == null ? void 0 : elementWithSid.sid) ? `${elementWithSid.sid}_portalId` : `${path}_portalId`;
       const portalWrapperElement = document.getElementById(portalId);
       if (!portalWrapperElement) {
         const view = document.createElement("view");
@@ -73,7 +79,7 @@ const Portal = (0, import_react.forwardRef)((props, ref) => {
       }
     }
     setRootWrapperElement(root);
-  }, []);
+  }, [disablePortal, initialPageInfo.path]);
   return /* @__PURE__ */ import_react.default.createElement(import_PortalCore.default, __spreadProps(__spreadValues({}, props), { ref, rootElement: rootWrapperElement }));
 });
 Portal.displayName = "BuiPortal";

package/dist/Portal/Portal.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface PortalCoreProps {
     /**
      * container中渲染的元素

package/dist/Progress/Progress.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ProgressGradient, ProgressProps } from './Progress.types';
 import './index.less';
 export declare const handleGradient: (strokeColor: ProgressGradient) => {

package/dist/Progress/Progress.js

@@ -58,7 +58,7 @@ __export(Progress_exports, {
 });
 module.exports = __toCommonJS(Progress_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_locales = require("../locales");
 var import_index = require("./index.css");
 const prefixCls = "bui-progress";
@@ -113,7 +113,7 @@ function getAriaValueText(progress, t) {
     return t.almostComplete;
   return t.complete;
 }
-const Progress = /* @__PURE__ */ import_react.default.forwardRef(
+const Progress = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const progressText = (0, import_locales.useLocaleText)("progress");
     const _a = props, {
@@ -166,13 +166,13 @@ const Progress = /* @__PURE__ */ import_react.default.forwardRef(
     };
     return (
       // 外层容器
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ React.createElement(
         "div",
         __spreadValues(__spreadValues({
           className: (0, import_clsx.default)(prefixCls, className),
           ref
         }, accessibilityProps), others),
-        /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: trailStyle }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-bg`, style: percentStyle }))
+        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-inner`, style: trailStyle }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-bg`, style: percentStyle }))
       )
     );
   }

package/dist/Progress/Progress.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ProgressStringGradients = {
     [percentage: string]: string;
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Progress 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

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

@@ -36,19 +36,19 @@ __export(A11yDemos_exports, {
   sizedProgressDemo: () => sizedProgressDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Progress = __toESM(require("../../Progress"));
 const basicProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 40 }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 40 }));
 };
 const coloredProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 40, strokeColor: "var(--bui-color-primary)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 50, strokeColor: "var(--bui-color-info)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 30, strokeColor: "var(--bui-color-success)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 80, strokeColor: "var(--bui-color-warning)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 90, strokeColor: "var(--bui-color-vip)" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 40, strokeColor: "var(--bui-color-primary)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 50, strokeColor: "var(--bui-color-info)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 30, strokeColor: "var(--bui-color-success)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 80, strokeColor: "var(--bui-color-warning)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 90, strokeColor: "var(--bui-color-vip)" }));
 };
 const sizedProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, strokeWidth: 10 }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, strokeWidth: 15 }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, strokeWidth: 20 }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, strokeWidth: 10 }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, strokeWidth: 15 }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, strokeWidth: 20 }));
 };
 const gradientProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Progress.default,
     {
       percent: 60,
@@ -57,7 +57,7 @@ const gradientProgressDemo = () => {
         to: "var(--bui-color-primary-light)"
       }
     }
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     import_Progress.default,
     {
       percent: 90,
@@ -69,17 +69,17 @@ const gradientProgressDemo = () => {
   ));
 };
 const customTrailColorProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, trailColor: "var(--bui-color-primary-light)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 80, trailColor: "var(--bui-color-gray-light)" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, trailColor: "var(--bui-color-primary-light)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 80, trailColor: "var(--bui-color-gray-light)" }));
 };
 const accessibilityProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 50, "aria-label": "\u6587\u4EF6\u4E0B\u8F7D\u8FDB\u5EA6" }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 50, "aria-label": "\u6587\u4EF6\u4E0B\u8F7D\u8FDB\u5EA6" }), /* @__PURE__ */ React.createElement(
     import_Progress.default,
     {
       percent: 75,
       "aria-label": "\u6570\u636E\u52A0\u8F7D\u8FDB\u5EA6",
       "aria-valuetext": "\u5DF2\u5B8C\u621075%"
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 30, "aria-describedby": "progress-description" }), /* @__PURE__ */ import_react.default.createElement("span", { id: "progress-description", style: { display: "none" } }, "\u8FD9\u662F\u8FDB\u5EA6\u6761\u7684\u8BE6\u7EC6\u63CF\u8FF0\u4FE1\u606F"));
+  ), /* @__PURE__ */ React.createElement(import_Progress.default, { 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"));
 };
 var A11yDemos_default = {
   basicProgressDemo,

package/dist/Radio/RadioButtonIcon.d.ts

@@ -1,5 +1,5 @@
 import { ISvgIconProps } from '@bifrostui/icons';
-import React from 'react';
+import * as React from 'react';
 export interface IRadioButtonIconProps extends ISvgIconProps {
     checked: boolean;
 }

package/dist/Radio/RadioButtonIcon.js

@@ -32,7 +32,7 @@ __export(RadioButtonIcon_exports, {
 module.exports = __toCommonJS(RadioButtonIcon_exports);
 var import_icons = require("@bifrostui/icons");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 const prefixCls = "bui-radio-btn-icon";
 function RadioButtonIcon(props) {
   const {
@@ -41,14 +41,14 @@ function RadioButtonIcon(props) {
     color,
     htmlColor = "var(--bui-color-fg-subtle)"
   } = props;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "span",
     {
       className: (0, import_clsx.default)(prefixCls, {
         [`${prefixCls}-checked`]: checked
       })
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       import_icons.CircleOutlinedIcon,
       {
         size,
@@ -57,7 +57,7 @@ function RadioButtonIcon(props) {
         className: `${prefixCls}-outline`
       }
     ),
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       import_icons.RadioCheckedFilledIcon,
       {
         size,

package/dist/Radio/RadioContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { RadioGroupContextProps } from './Radio.types';
 declare const RadioGroupContext: React.Context<RadioGroupContextProps>;
 export declare const RadioContextProvider: React.Provider<RadioGroupContextProps>;

package/dist/Radio/RadioContext.js

@@ -31,8 +31,8 @@ __export(RadioContext_exports, {
   default: () => RadioContext_default
 });
 module.exports = __toCommonJS(RadioContext_exports);
-var import_react = __toESM(require("react"));
-const RadioGroupContext = import_react.default.createContext(void 0);
+var React = __toESM(require("react"));
+const RadioGroupContext = React.createContext(void 0);
 const RadioContextProvider = RadioGroupContext.Provider;
 var RadioContext_default = RadioGroupContext;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/Radio/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 Radio 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

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

@@ -33,16 +33,16 @@ __export(A11yDemos_exports, {
   disabledRadioDemo: () => disabledRadioDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Radio = __toESM(require("../../Radio"));
 const basicRadioDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, /* @__PURE__ */ import_react.default.createElement(import_Radio.default, { checked: true }), "Radio"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Radio.default, { checked: true }), "Radio"));
 };
 const disabledRadioDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, /* @__PURE__ */ import_react.default.createElement(import_Radio.default, { disabled: true }), "Radio"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Radio.default, { disabled: true }), "Radio"));
 };
 const ariaLabelRadioDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Radio.default, { inputProps: { "aria-label": "\u5355\u9009\u6846" } }, "Radio"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Radio.default, { inputProps: { "aria-label": "\u5355\u9009\u6846" } }, "Radio"));
 };
 var A11yDemos_default = {
   basicRadioDemo,

package/dist/Rating/Rating.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type RatingSize = 'xsmall' | 'small' | 'medium' | 'large';
 export type RatingProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {