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

package/es/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/es/DesktopTimePicker/useGetTimePickerContent.js

@@ -21,7 +21,7 @@ import clsx from "clsx";
 import React, { useEffect } from "react";
 import DesktopTimePickerList from "./DesktopTimePickerList";
 import {
-  getdisabledTime,
+  getDisabledTime,
   calculateValidMinTime,
   isDisabledTime
 } from "./utils/utils";
@@ -88,7 +88,7 @@ const useGetTimePickerContent = (props) => {
     return lists.map((type, index) => {
       var _a;
       const dataList = getViewListData(type, timeSteps[type]);
-      const disabledTime = getdisabledTime(
+      const disabledTime = getDisabledTime(
         type,
         timeValue,
         minTime,
@@ -126,7 +126,7 @@ const useGetTimePickerContent = (props) => {
         const updateHour = (hour) => validTime.format("A") === "PM" ? hour + 12 : hour;
         const getValidTimeValue = (view, newTimeValue) => {
           var _a2, _b;
-          let viewDisabledTime = getdisabledTime(
+          let viewDisabledTime = getDisabledTime(
             view,
             newTimeValue,
             minTime,

package/es/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/es/DesktopTimePicker/utils/utils.js

@@ -101,7 +101,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) {
@@ -353,13 +353,13 @@ const dateToDayjs = (date) => {
 export {
   calculateValidMinTime,
   dateToDayjs,
+  getDisabledTime,
   getIsRangeDate,
   getIsRangeTime,
   getOutOfMaxRangeMinutes,
   getOutOfMaxRangeSeconds,
   getOutOfMinRangeMinutes,
   getOutOfMinRangeSeconds,
-  getdisabledTime,
   isDisabledTime,
   isDisabledViewTime
 };

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Dialog from "../../Dialog";
 const basicDialogDemo = () => {
   return /* @__PURE__ */ React.createElement(

package/es/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/es/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/es/Drawer/Drawer.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Modal from "../Modal";
 import Slide from "../Slide";
 import "./index.css";

package/es/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/es/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/es/Fade/Fade.js

@@ -36,7 +36,7 @@ import {
   getTransitionProps,
   useForkRef
 } from "@bifrostui/utils";
-import React from "react";
+import * as React from "react";
 import Transition from "../Transition";
 const defaultEasing = {
   enter: easing.easeOut,

package/es/Fade/Fade.miniapp.js

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef, useMemo } from "react";
 import {
   createTransitions,
   duration,
@@ -106,15 +106,18 @@ const Fade = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const transitions = createTransitions();
   const animationName = inProp ? "bui-fade-in" : "bui-fade-out";
   const animationDurationAndDelay = getAnimationDurationAndDelay();
-  const animation = transitions.create(
-    animationName,
-    getTransitionProps(
-      __spreadProps(__spreadValues({}, animationDurationAndDelay), {
-        style,
-        easing: easingProp
-      }),
-      { mode: inProp ? "enter" : "exit" }
-    )
+  const animation = useMemo(
+    () => transitions.create(
+      animationName,
+      getTransitionProps(
+        __spreadProps(__spreadValues({}, animationDurationAndDelay), {
+          style,
+          easing: easingProp
+        }),
+        { mode: inProp ? "enter" : "exit" }
+      )
+    ),
+    [inProp]
   );
   useEffect(() => {
     if (inProp && !isMounted) {
@@ -135,7 +138,7 @@ const Fade = /* @__PURE__ */ React.forwardRef((props, ref) => {
     } else {
       onExit == null ? void 0 : onExit(elementRef.current);
     }
-  }, [inProp, isMounted, shouldExecuteAnimation, onEnter, onExit]);
+  }, [inProp, isMounted]);
   const handleAnimationStart = () => {
     if (!shouldExecuteAnimation)
       return;

package/es/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/es/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/es/IconButton/IconButton.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
 };
 import { isMini } from "@bifrostui/utils";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./index.css";
 const prefixCls = "bui-icon-btn";
 const IconButton = /* @__PURE__ */ React.forwardRef(

package/es/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/es/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/es/Input/__tests__/fixtures/A11yDemos.d.ts

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Input from "../../Input";
 const basicInputDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name: ", /* @__PURE__ */ React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));

package/es/ItemSelector/ItemSelector.miniapp.js

@@ -53,11 +53,13 @@ const ItemSelector = /* @__PURE__ */ React.forwardRef(
       const { screenHeight } = Taro.getSystemInfoSync();
       const query = Taro.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/es/ItemSelector/ItemSelector.types.d.ts

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

package/es/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 = {

package/es/ItemSelector/Selector/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./index.css";
 const Selector = (props) => {
   const { item, onSelect } = props;

package/es/List/List.d.ts

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

package/es/List/List.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import ListContext from "./ListContext";
 import "./List.css";
 const prefixCls = "bui-list";

package/es/List/ListContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface IListContext {
     /** 是否展示分割线 */
     hideDivider?: boolean;

package/es/List/ListContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 const ListContext = React.createContext({
   hideDivider: false
 });

package/es/List/ListItem.d.ts

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

package/es/List/ListItem.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
 };
 import { ArrowForwardIcon } from "@bifrostui/icons";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import ListContext from "./ListContext";
 import ListItemFooter from "./ListItemFooter";
 import "./ListItem.css";

package/es/List/ListItem.types.d.ts

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

package/es/List/ListItemContent.d.ts

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

package/es/List/ListItemContent.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemContent.css";
 const prefixCls = "bui-list-item-content";
 const ListItemContent = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemContent.types.d.ts

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

package/es/List/ListItemExtra.d.ts

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

package/es/List/ListItemExtra.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemExtra.css";
 const prefixCls = "bui-list-item-extra";
 const ListItemExtra = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemExtra.types.d.ts

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

package/es/List/ListItemFooter.d.ts

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

package/es/List/ListItemFooter.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemFooter.css";
 const prefixCls = "bui-list-item-footer";
 const ListItemFooter = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemFooter.types.d.ts

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

package/es/List/ListItemHeader.d.ts

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

package/es/List/ListItemHeader.js

@@ -27,7 +27,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import "./ListItemHeader.css";
 const prefixCls = "bui-list-item-header";
 const ListItemHeader = /* @__PURE__ */ React.forwardRef(

package/es/List/ListItemHeader.types.d.ts

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

package/es/Loading/Loading.d.ts

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

package/es/Loading/Loading.js

@@ -26,7 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 import { LoadingThreeQuartersOutlinedIcon } from "@bifrostui/icons";
 import "./index.css";

package/es/Loading/Loading.types.d.ts

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

package/es/Modal/Modal.d.ts

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

package/es/Modal/Modal.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Backdrop from "../Backdrop";
 import Portal from "../Portal";
 import { useModal } from "./useModal";

package/es/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 & {

package/es/Modal/Modal.miniapp.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import { View } from "@tarojs/components";
 import Backdrop from "../Backdrop";
 import Portal from "../Portal";

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Modal from "../../Modal";
 const basicModalDemo = () => {
   return /* @__PURE__ */ React.createElement(Modal, { open: true, disablePortal: true }, "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B");