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

package/dist/CollapsePanel/CollapsePanelItem.js

@@ -56,11 +56,11 @@ __export(CollapsePanelItem_exports, {
   default: () => CollapsePanelItem_default
 });
 module.exports = __toCommonJS(CollapsePanelItem_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Collapse = require("../Collapse");
 const prefixCls = "bui-collapse-panel-item";
-const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef(
+const CollapsePanelItem = /* @__PURE__ */ React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -83,14 +83,14 @@ const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef(
     const getIcon = () => {
       return typeof icon === "function" ? icon(active) : icon;
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       __spreadValues({
         className: (0, import_clsx.default)(prefixCls, active && `${prefixCls}-active`, className),
         style,
         ref
       }, others),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ React.createElement(
         "div",
         {
           className: (0, import_clsx.default)(
@@ -103,7 +103,7 @@ const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef(
         },
         getIcon()
       )),
-      /* @__PURE__ */ import_react.default.createElement(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, children))
+      /* @__PURE__ */ React.createElement(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children))
     );
   }
 );

package/dist/Countdown/Countdown.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 /**
  * 当前时间
  */
@@ -115,7 +115,7 @@ export interface CountdownItem {
 /**
  * 格式化倒计时
  */
-export type FormatedCountdown = {
+export type FormattedCountdown = {
     /**
      * 剩余总时间
      */

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

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

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

@@ -37,16 +37,16 @@ __export(A11yDemos_exports, {
   serverTimestampCountdownDemo: () => serverTimestampCountdownDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Countdown = __toESM(require("../../Countdown"));
 const basicCountdownDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Countdown.default, { remainingTime: 60 * 1e3 }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Countdown.default, { remainingTime: 60 * 1e3 }));
 };
 const ariaLabelCountdownDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Countdown.default, { remainingTime: 120 * 1e3, "aria-label": "\u4FC3\u9500\u6D3B\u52A8\u7ED3\u675F\u5012\u8BA1\u65F6" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Countdown.default, { remainingTime: 120 * 1e3, "aria-label": "\u4FC3\u9500\u6D3B\u52A8\u7ED3\u675F\u5012\u8BA1\u65F6" }));
 };
 const ariaLabelledbyCountdownDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h3", { id: "flash-sale-title" }, "\u9650\u65F6\u62A2\u8D2D"), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { id: "flash-sale-title" }, "\u9650\u65F6\u62A2\u8D2D"), /* @__PURE__ */ React.createElement(
     import_Countdown.default,
     {
       remainingTime: 180 * 1e3,
@@ -55,30 +55,30 @@ const ariaLabelledbyCountdownDemo = () => {
   ));
 };
 const ariaDescribedbyCountdownDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Countdown.default,
     {
       remainingTime: 240 * 1e3,
       "aria-describedby": "countdown-description"
     }
-  ), /* @__PURE__ */ import_react.default.createElement("p", { id: "countdown-description" }, "\u5012\u8BA1\u65F6\u7ED3\u675F\u540E\uFF0C\u4F18\u60E0\u4EF7\u683C\u5C06\u6062\u590D\u4E3A\u539F\u4EF7"));
+  ), /* @__PURE__ */ React.createElement("p", { id: "countdown-description" }, "\u5012\u8BA1\u65F6\u7ED3\u675F\u540E\uFF0C\u4F18\u60E0\u4EF7\u683C\u5C06\u6062\u590D\u4E3A\u539F\u4EF7"));
 };
 const customRenderCountdownDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Countdown.default,
     {
       remainingTime: 300 * 1e3,
       renderContent: ({ hours, minutes, seconds }) => {
-        return /* @__PURE__ */ import_react.default.createElement("span", null, "\u8DDD\u79BB\u5012\u8BA1\u65F6\u7ED3\u675F\u8FD8\u5269", hours, "\u5C0F\u65F6", minutes, "\u5206\u949F", seconds, "\u79D2");
+        return /* @__PURE__ */ React.createElement("span", null, "\u8DDD\u79BB\u5012\u8BA1\u65F6\u7ED3\u675F\u8FD8\u5269", hours, "\u5C0F\u65F6", minutes, "\u5206\u949F", seconds, "\u79D2");
       }
     }
   ));
 };
 const endTimestampCountdownDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Countdown.default, { endTimestamp: Date.now() + 360 * 1e3 }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Countdown.default, { endTimestamp: Date.now() + 360 * 1e3 }));
 };
 const serverTimestampCountdownDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Countdown.default,
     {
       serverTimestamp: Date.now() - 10 * 1e3,

package/dist/Countdown/utils.d.ts

@@ -1,4 +1,4 @@
-import { CurrentTime, FormatedCountdown } from './Countdown.types';
+import { CurrentTime, FormattedCountdown } from './Countdown.types';
 /**
  * 解析时间，将结束时间戳拆分为剩余时间对象
  */
@@ -6,4 +6,4 @@ export declare const parseTime: (endTime: number, offsetTime: number) => Current
 /**
  * 格式化倒计时，将剩余时间格式化为指定格式，并拆分位各个时间模块
  */
-export declare const formatCountdown: (duration: number, format: string) => FormatedCountdown;
+export declare const formatCountdown: (duration: number, format: string) => FormattedCountdown;

package/dist/Countdown/utils.js

@@ -49,9 +49,9 @@ const preAppend = (num) => {
   return num < 10 ? `0${num}` : `${num}`;
 };
 const parseTime = (endTime, offsetTime) => {
-  const now = (/* @__PURE__ */ new Date()).getTime();
-  let total = endTime - now - offsetTime || 0;
-  total = total < 0 ? 0 : total;
+  const now = Date.now();
+  const t = endTime - now - offsetTime || 0;
+  const total = Math.max(0, t);
   const years = Math.floor(total / YEAR);
   const months = Math.floor(total / MONTH);
   const days = Math.floor(total / DAY);
@@ -73,7 +73,7 @@ const parseTime = (endTime, offsetTime) => {
 const formatCountdown = (duration, format) => {
   let timeList = [];
   let leftDuration = duration;
-  const escapeRegex = /\[[^\]]*]/g;
+  const escapeRegex = /\[(?:[^\]]{0,100})\]/g;
   const keepList = (format.match(escapeRegex) || []).map(
     (str) => str.slice(1, -1)
   );

package/dist/DatePicker/DatePicker.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 import { PickerProps, IPickerOptionItem } from '../Picker';
 import { DatePickerType } from './constants';

package/dist/DesktopPicker/DesktopPicker.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 import { BackdropProps } from '../Backdrop/Backdrop.types';
 export type DesktopPickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{

package/dist/DesktopTimePicker/DesktopTimePicker.types.d.ts

@@ -10,6 +10,17 @@ export type TimeSteps = {
     minute?: number;
     second?: number;
 };
+/** 时间面板单元格对象 */
+export interface ITimeInstance {
+    value: number | string;
+    label: string;
+    disabled: boolean;
+}
+export type DisabledTimeView = () => {
+    hour?: () => number[];
+    minute?: (selectedHour: number) => number[];
+    second?: (selectedHour: number, selectedMinute: number) => number[];
+};
 export type TimePickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**
@@ -105,11 +116,6 @@ export type TimePickerProps<D extends React.ElementType = 'div', P = {}> = Overr
     };
     defaultComponent: D;
 }, D>;
-export type DisabledTimeView = () => {
-    hour?: () => number[];
-    minute?: (selectedHour: number) => number[];
-    second?: (selectedHour: number, selectedMinute: number) => number[];
-};
 export interface TimePickerContentProps {
     setIsOpen: Function;
     triggerChange: Function;
@@ -160,12 +166,6 @@ export interface TimePickerContentProps {
      */
     setIsInvalid: (a: boolean) => void;
 }
-/** 时间面板单元格对象 */
-export interface ITimeInstance {
-    value: number | string;
-    label: string;
-    disabled: boolean;
-}
 /** 时分秒面板单元格对象 */
 export interface ITimeItemNumberInstance {
     value: number;

package/dist/DesktopTimePicker/useGetTimePickerContent.js

@@ -114,7 +114,7 @@ const useGetTimePickerContent = (props) => {
     return lists.map((type, index) => {
       var _a;
       const dataList = getViewListData(type, timeSteps[type]);
-      const disabledTime = (0, import_utils.getdisabledTime)(
+      const disabledTime = (0, import_utils.getDisabledTime)(
         type,
         timeValue,
         minTime,
@@ -152,7 +152,7 @@ const useGetTimePickerContent = (props) => {
         const updateHour = (hour) => validTime.format("A") === "PM" ? hour + 12 : hour;
         const getValidTimeValue = (view, newTimeValue) => {
           var _a2, _b;
-          let viewDisabledTime = (0, import_utils.getdisabledTime)(
+          let viewDisabledTime = (0, import_utils.getDisabledTime)(
             view,
             newTimeValue,
             minTime,

package/dist/DesktopTimePicker/utils/utils.d.ts

@@ -23,6 +23,6 @@ export declare const getOutOfMinRangeMinutes: (hourValue: number, minTime: Dayjs
 export declare const getOutOfMaxRangeMinutes: (hourValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
 export declare const getOutOfMinRangeSeconds: (hourValue: number, minuteValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
 export declare const getOutOfMaxRangeSeconds: (hourValue: number, minuteValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
-export declare const getdisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
+export declare const getDisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
 export declare const calculateValidMinTime: (disabledTimeView: DisabledTimeView, minTime?: Dayjs) => dayjs.Dayjs;
 export declare const dateToDayjs: (date: Date) => dayjs.Dayjs;

package/dist/DesktopTimePicker/utils/utils.js

@@ -29,13 +29,13 @@ var utils_exports = {};
 __export(utils_exports, {
   calculateValidMinTime: () => calculateValidMinTime,
   dateToDayjs: () => dateToDayjs,
+  getDisabledTime: () => getDisabledTime,
   getIsRangeDate: () => getIsRangeDate,
   getIsRangeTime: () => getIsRangeTime,
   getOutOfMaxRangeMinutes: () => getOutOfMaxRangeMinutes,
   getOutOfMaxRangeSeconds: () => getOutOfMaxRangeSeconds,
   getOutOfMinRangeMinutes: () => getOutOfMinRangeMinutes,
   getOutOfMinRangeSeconds: () => getOutOfMinRangeSeconds,
-  getdisabledTime: () => getdisabledTime,
   isDisabledTime: () => isDisabledTime,
   isDisabledViewTime: () => isDisabledViewTime
 });
@@ -143,7 +143,7 @@ const getOutOfMaxRangeSeconds = (hourValue, minuteValue, maxTime, dataList) => {
   }
   return outOfMaxRangeMinutes;
 };
-const getdisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
+const getDisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
   var _a, _b, _c, _d, _e;
   const isRangeDate = getIsRangeDate(timeValue, minTime, maxTime);
   if (!isRangeDate) {
@@ -396,13 +396,13 @@ const dateToDayjs = (date) => {
 0 && (module.exports = {
   calculateValidMinTime,
   dateToDayjs,
+  getDisabledTime,
   getIsRangeDate,
   getIsRangeTime,
   getOutOfMaxRangeMinutes,
   getOutOfMaxRangeSeconds,
   getOutOfMinRangeMinutes,
   getOutOfMinRangeSeconds,
-  getdisabledTime,
   isDisabledTime,
   isDisabledViewTime
 });

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

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

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

@@ -32,10 +32,10 @@ __export(A11yDemos_exports, {
   promptDialogDemo: () => promptDialogDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Dialog = __toESM(require("../../Dialog"));
 const basicDialogDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_Dialog.default,
     {
       open: true,
@@ -46,7 +46,7 @@ const basicDialogDemo = () => {
   );
 };
 const promptDialogDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_Dialog.default,
     {
       open: true,
@@ -59,7 +59,7 @@ const promptDialogDemo = () => {
   );
 };
 const alertDialogDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_Dialog.default,
     {
       open: true,

package/dist/Divider/Divider.types.d.ts

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

package/dist/Drawer/Drawer.d.ts

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

package/dist/Drawer/Drawer.js

@@ -60,7 +60,7 @@ __export(Drawer_exports, {
 });
 module.exports = __toCommonJS(Drawer_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Modal = __toESM(require("../Modal"));
 var import_Slide = __toESM(require("../Slide"));
 var import_index = require("./index.css");
@@ -71,7 +71,7 @@ const oppositeDirection = {
   top: "down",
   bottom: "up"
 };
-const Drawer = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     anchor: anchorProp = "bottom",
     container,
@@ -98,7 +98,7 @@ const Drawer = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "transitionDuration"
   ]);
   const anchorInvariant = oppositeDirection[anchorProp];
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_Modal.default,
     __spreadValues({
       container,
@@ -109,14 +109,14 @@ const Drawer = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       className: (0, import_clsx.default)(prefixCls, className),
       disablePortal
     }, others),
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       import_Slide.default,
       __spreadValues({
         in: open,
         direction: anchorInvariant,
         timeout: transitionDuration
       }, SlideProps),
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ React.createElement(
         "div",
         __spreadProps(__spreadValues({}, contentProps), {
           className: (0, import_clsx.default)(

package/dist/Drawer/Drawer.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ModalProps } from '../Modal/Modal.types';
 import { SlideProps } from '../Slide/Slide.types';
 import { TransitionProps } from '../Transition';

package/dist/Fade/Fade.d.ts

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

package/dist/Fade/Fade.js

@@ -60,7 +60,7 @@ __export(Fade_exports, {
 });
 module.exports = __toCommonJS(Fade_exports);
 var import_utils = require("@bifrostui/utils");
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Transition = __toESM(require("../Transition"));
 const defaultEasing = {
   enter: import_utils.easing.easeOut,
@@ -70,7 +70,7 @@ const defaultTimeout = {
   enter: import_utils.duration.enteringScreen,
   exit: import_utils.duration.leavingScreen
 };
-const Fade = /* @__PURE__ */ import_react.default.forwardRef(
+const Fade = /* @__PURE__ */ React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       appear = true,
@@ -91,7 +91,7 @@ const Fade = /* @__PURE__ */ import_react.default.forwardRef(
     ]);
     const transitions = (0, import_utils.createTransitions)();
     const nodeRef = (0, import_utils.useForkRef)(ref, children == null ? void 0 : children.ref);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       import_Transition.default,
       __spreadProps(__spreadValues({
         appear,
@@ -111,7 +111,7 @@ const Fade = /* @__PURE__ */ import_react.default.forwardRef(
             }
           )
         ) : "none";
-        return import_react.default.cloneElement(children, __spreadValues({
+        return React.cloneElement(children, __spreadValues({
           style: __spreadValues(__spreadValues({
             visibility: state === "exited" ? "hidden" : "visible",
             transition,

package/dist/Fade/Fade.miniapp.js

@@ -130,15 +130,18 @@ const Fade = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const transitions = (0, import_utils.createTransitions)();
   const animationName = inProp ? "bui-fade-in" : "bui-fade-out";
   const animationDurationAndDelay = getAnimationDurationAndDelay();
-  const animation = transitions.create(
-    animationName,
-    (0, import_utils.getTransitionProps)(
-      __spreadProps(__spreadValues({}, animationDurationAndDelay), {
-        style,
-        easing: easingProp
-      }),
-      { mode: inProp ? "enter" : "exit" }
-    )
+  const animation = (0, import_react.useMemo)(
+    () => transitions.create(
+      animationName,
+      (0, import_utils.getTransitionProps)(
+        __spreadProps(__spreadValues({}, animationDurationAndDelay), {
+          style,
+          easing: easingProp
+        }),
+        { mode: inProp ? "enter" : "exit" }
+      )
+    ),
+    [inProp]
   );
   (0, import_react.useEffect)(() => {
     if (inProp && !isMounted) {
@@ -159,7 +162,7 @@ const Fade = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     } else {
       onExit == null ? void 0 : onExit(elementRef.current);
     }
-  }, [inProp, isMounted, shouldExecuteAnimation, onEnter, onExit]);
+  }, [inProp, isMounted]);
   const handleAnimationStart = () => {
     if (!shouldExecuteAnimation)
       return;

package/dist/Fade/Fade.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TransitionProps } from '../Transition';
 export interface FadeProps extends Omit<TransitionProps, 'children'> {
     children?: React.ReactElement;

package/dist/IconButton/IconButton.d.ts

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

package/dist/IconButton/IconButton.js

@@ -58,10 +58,10 @@ __export(IconButton_exports, {
 module.exports = __toCommonJS(IconButton_exports);
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_index = require("./index.css");
 const prefixCls = "bui-icon-btn";
-const IconButton = /* @__PURE__ */ import_react.default.forwardRef(
+const IconButton = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     var _b, _c, _d, _e, _f, _g, _h;
     const _a = props, {
@@ -86,8 +86,8 @@ const IconButton = /* @__PURE__ */ import_react.default.forwardRef(
     ]);
     const isContainedVariant = variant === "contained";
     let childrenDisplayName = "";
-    const firstChild = (_b = import_react.default.Children.toArray(children)) == null ? void 0 : _b[0];
-    if (import_react.default.isValidElement(firstChild)) {
+    const firstChild = (_b = React.Children.toArray(children)) == null ? void 0 : _b[0];
+    if (React.isValidElement(firstChild)) {
       childrenDisplayName = ((_e = (_d = (_c = firstChild.type) == null ? void 0 : _c.type) == null ? void 0 : _d.render) == null ? void 0 : _e.displayName) || "";
     }
     const accessibilityProps = {
@@ -96,7 +96,7 @@ const IconButton = /* @__PURE__ */ import_react.default.forwardRef(
       // 禁用状态
       "aria-disabled": disabled
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "button",
       __spreadValues(__spreadValues({
         type: "button",
@@ -113,7 +113,7 @@ const IconButton = /* @__PURE__ */ import_react.default.forwardRef(
         ),
         ref
       }, accessibilityProps), others),
-      import_utils.isMini && import_react.default.isValidElement(children) ? import_react.default.cloneElement(children, __spreadValues(__spreadValues({}, !isContainedVariant && {
+      import_utils.isMini && React.isValidElement(children) ? React.cloneElement(children, __spreadValues(__spreadValues({}, !isContainedVariant && {
         color: ((_f = children.props) == null ? void 0 : _f.color) || color,
         htmlColor: ((_g = children.props) == null ? void 0 : _g.htmlColor) || "var(--bui-color-fg-subtle)"
       }), isContainedVariant && {

package/dist/IconButton/IconButton.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps, ThemeColor, ButtonOpenType } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type IconButtonProps<D extends React.ElementType = 'button', P = {}> = OverrideProps<{
     props: P & {
         /**

package/dist/Input/Input.types.d.ts

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

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

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

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

@@ -36,25 +36,25 @@ __export(A11yDemos_exports, {
   requiredInputDemo: () => requiredInputDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Input = __toESM(require("../../Input"));
 const basicInputDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, "First name: ", /* @__PURE__ */ import_react.default.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name: ", /* @__PURE__ */ React.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
 };
 const disabledInputDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, "First name:", /* @__PURE__ */ import_react.default.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", disabled: true })));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", disabled: true })));
 };
 const requiredInputDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, "First name:", /* @__PURE__ */ import_react.default.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { required: true } })));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { required: true } })));
 };
 const readOnlyInputDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, "First name:", /* @__PURE__ */ import_react.default.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { readOnly: true } })));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { readOnly: true } })));
 };
 const placeholderInputDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, "First name:", /* @__PURE__ */ import_react.default.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
 };
 const ariaLabelInputDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, "First name:", /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(
     import_Input.default,
     {
       placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",

package/dist/ItemSelector/ItemSelector.miniapp.js

@@ -83,11 +83,13 @@ const ItemSelector = /* @__PURE__ */ import_react.default.forwardRef(
       const { screenHeight } = import_taro.default.getSystemInfoSync();
       const query = import_taro.default.createSelectorQuery();
       query.select(".bui-item-selector-scroll-view-container").boundingClientRect();
-      query.exec((codeRect) => {
-        var _a;
-        const domHeight = (_a = codeRect == null ? void 0 : codeRect[0]) == null ? void 0 : _a.height;
-        setHeight(`${domHeight / screenHeight * 100}vh`);
-      });
+      query.exec(
+        (codeRect) => {
+          var _a;
+          const domHeight = (_a = codeRect == null ? void 0 : codeRect[0]) == null ? void 0 : _a.height;
+          setHeight(`${domHeight / screenHeight * 100}vh`);
+        }
+      );
     }, [items]);
     const parseIndex = (length, index) => {
       if (index <= 0)

package/dist/ItemSelector/ItemSelector.types.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 export type itemType = {
     /** Item名 */

package/dist/ItemSelector/Selector/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { itemType } from '../ItemSelector.types';
 import './index.less';
 type propsType = {