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

package/dist/Modal/Modal.miniapp.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ViewProps } from '@tarojs/components';
 import './index.less';
 declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "keepMounted" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Modal/Modal.miniapp.js

@@ -60,14 +60,14 @@ __export(Modal_miniapp_exports, {
 });
 module.exports = __toCommonJS(Modal_miniapp_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_components = require("@tarojs/components");
 var import_Backdrop = __toESM(require("../Backdrop"));
 var import_Portal = __toESM(require("../Portal"));
 var import_useModal = require("./useModal");
 var import_index = require("./index.css");
 const prefixCls = "bui-modal";
-const Modal = /* @__PURE__ */ import_react.default.forwardRef(
+const Modal = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, {
       className,
@@ -102,7 +102,7 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef(
       hasTransition
     } = (0, import_useModal.useModal)(__spreadProps(__spreadValues({}, props), {
       disableScrollLock,
-      children: import_react.default.isValidElement(children) ? children : void 0,
+      children: React.isValidElement(children) ? children : void 0,
       open,
       onClose,
       rootRef: ref
@@ -127,14 +127,14 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef(
       if (!children) {
         return null;
       }
-      if (import_react.default.isValidElement(children)) {
-        return import_react.default.cloneElement(children, __spreadValues(__spreadProps(__spreadValues({}, transitionProps), {
+      if (React.isValidElement(children)) {
+        return React.cloneElement(children, __spreadValues(__spreadProps(__spreadValues({}, transitionProps), {
           tabIndex: -1
         }), children.props));
       }
       return children;
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { container, disablePortal }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(import_Portal.default, { container, disablePortal }, /* @__PURE__ */ React.createElement(
       import_components.View,
       __spreadProps(__spreadValues({
         catchMove: !disableScrollLock
@@ -143,7 +143,7 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef(
           onClick == null ? void 0 : onClick(event);
         }
       }),
-      !hideBackdrop && /* @__PURE__ */ import_react.default.createElement(import_Backdrop.default, __spreadValues({}, backdropProps)),
+      !hideBackdrop && /* @__PURE__ */ React.createElement(import_Backdrop.default, __spreadValues({}, backdropProps)),
       renderChildren()
     ));
   }

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

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

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

@@ -31,13 +31,13 @@ __export(A11yDemos_exports, {
   keepMountedDemo: () => keepMountedDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Modal = __toESM(require("../../Modal"));
 const basicModalDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Modal.default, { open: true, disablePortal: true }, "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B");
+  return /* @__PURE__ */ React.createElement(import_Modal.default, { open: true, disablePortal: true }, "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B");
 };
 const keepMountedDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Modal.default, { disablePortal: true, keepMounted: true }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(import_Modal.default, { disablePortal: true, keepMounted: true }, /* @__PURE__ */ React.createElement(
     "div",
     {
       style: { padding: "20px", background: "white", borderRadius: "8px" }

package/dist/Modal/useModal.d.ts

@@ -7,6 +7,7 @@ export interface UseModalParameters {
     }) => void;
     open: boolean;
     rootRef?: React.Ref<Element>;
+    children?: React.ReactElement;
     [key: string]: any;
 }
 export interface UseModalReturnValue {

package/dist/Modal/useModal.js

@@ -56,7 +56,6 @@ function useModal(parameters) {
     onClose,
     open,
     rootRef,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     children
   } = parameters;
   const modal = (0, import_react.useRef)({
@@ -79,12 +78,12 @@ function useModal(parameters) {
     }
     return modal.current;
   };
-  const isTopModal = () => import_ModalManager.modalManager.isTopModal(getModal());
-  const handleMounted = () => {
+  const isTopModal = (0, import_react.useCallback)(() => import_ModalManager.modalManager.isTopModal(getModal()), []);
+  const handleMounted = (0, import_react.useCallback)(() => {
     import_ModalManager.modalManager.mount(getModal(), {
       disableScrollLock
     });
-  };
+  }, [disableScrollLock]);
   const handleOpen = (0, import_utils.useEventCallback)(() => {
     const resolvedContainer = getContainer(container) || document.body;
     import_ModalManager.modalManager.add(getModal(), resolvedContainer);
@@ -92,17 +91,20 @@ function useModal(parameters) {
       handleMounted();
     }
   });
-  const handlePortalRef = (0, import_utils.useEventCallback)((node) => {
-    mountNodeRef.current = node;
-    if (!node) {
-      return;
-    }
-    if (open && isTopModal()) {
-      handleMounted();
-    } else if (modalRef.current) {
-      (0, import_ModalManager.ariaHidden)(modalRef.current, ariaHiddenProp);
-    }
-  });
+  const handlePortalRef = (0, import_react.useCallback)(
+    (node) => {
+      mountNodeRef.current = node;
+      if (!node) {
+        return;
+      }
+      if (open && isTopModal()) {
+        handleMounted();
+      } else if (modalRef.current) {
+        (0, import_ModalManager.ariaHidden)(modalRef.current, ariaHiddenProp);
+      }
+    },
+    [open, ariaHiddenProp, isTopModal, handleMounted]
+  );
   const handleClose = (0, import_react.useCallback)(() => {
     import_ModalManager.modalManager.remove(getModal(), ariaHiddenProp);
   }, [ariaHiddenProp]);
@@ -118,21 +120,17 @@ function useModal(parameters) {
       handleClose();
     }
   }, [open, handleClose, hasTransition, handleOpen]);
-  const createHandleBackdropClick = (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (backdropHandlers = {}) => (event) => {
-      var _a;
-      (_a = backdropHandlers.onClick) == null ? void 0 : _a.call(backdropHandlers, event);
-      if (event.target !== event.currentTarget) {
-        return;
-      }
-      if (onClose) {
-        onClose(event, { from: "backdropClick" });
-      }
+  const createHandleBackdropClick = (backdropHandlers = {}) => (event) => {
+    var _a;
+    (_a = backdropHandlers.onClick) == null ? void 0 : _a.call(backdropHandlers, event);
+    if (event.target !== event.currentTarget) {
+      return;
     }
-  );
+    if (onClose) {
+      onClose(event, { from: "backdropClick" });
+    }
+  };
   const getRootProps = (0, import_react.useCallback)(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (rootHandlers) => {
       return __spreadProps(__spreadValues({
         role: "presentation"
@@ -143,7 +141,6 @@ function useModal(parameters) {
     [handleRef]
   );
   const getBackdropProps = (0, import_react.useCallback)(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (backdropHandlers = {}) => {
       const propsEventHandlers = {
         onClick: createHandleBackdropClick(backdropHandlers)

package/dist/NavBar/NavBar.d.ts

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

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) => {