@bifrostui/react 2.0.0-alpha.12 → 2.0.0-alpha.13

package/es/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/es/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/es/Picker/__tests__/fixtures/A11yDemos.js

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

package/es/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/es/Popover/Popover.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 { useForkRef } from "@bifrostui/utils";
 import Portal from "../Portal";
 import Backdrop from "../Backdrop";

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

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

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

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

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

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React from "react";
+import * as React from "react";
 import PortalCore from "./PortalCore";
 const Portal = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {

package/es/Portal/Portal.types.d.ts

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

package/es/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/es/Progress/Progress.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 { useLocaleText } from "../locales";
 import "./index.css";
 const prefixCls = "bui-progress";

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Progress from "../../Progress";
 const basicProgressDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Progress, { percent: 40 }));

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

@@ -3,7 +3,7 @@ import {
   RadioCheckedFilledIcon as RadioButtonCheckedIcon
 } from "@bifrostui/icons";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 const prefixCls = "bui-radio-btn-icon";
 function RadioButtonIcon(props) {
   const {

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 const RadioGroupContext = React.createContext(void 0);
 const RadioContextProvider = RadioGroupContext.Provider;
 var RadioContext_default = RadioGroupContext;

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Radio from "../../Radio";
 const basicRadioDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Radio, { checked: true }), "Radio"));

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

package/es/ScrollView/ScrollView.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 /**
  * 滚动事件详情

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const BasicScrollViewDemo: React.FC;
 export declare const HorizontalScrollViewDemo: React.FC;
 export declare const ScrollEventsDemo: React.FC;

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

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React from "react";
+import * as React from "react";
 import ScrollView from "../../ScrollView";
 const BasicScrollViewDemo = () => {
   return /* @__PURE__ */ React.createElement(ScrollView, { scrollY: true, style: { height: "300px", width: "100%" } }, Array.from({ length: 50 }, (_, index) => /* @__PURE__ */ React.createElement(

package/es/ScrollView/useScrollView.js

@@ -93,25 +93,31 @@ function useScrollView(parameters) {
   const scrollVertical = useCallback((top, isAnimation) => {
     if (top === void 0)
       return;
+    if (!container.current)
+      return;
     if (isAnimation) {
       easeOutScroll(container.current.scrollTop, top, (pos) => {
         if (container.current)
           container.current.scrollTop = pos;
       });
-    } else if (container.current)
+    } else {
       container.current.scrollTop = top;
+    }
   }, []);
   const scrollHorizontal = useCallback(
     (left, isAnimation) => {
       if (left === void 0)
         return;
+      if (!container.current)
+        return;
       if (isAnimation) {
         easeOutScroll(container.current.scrollLeft, left, (pos) => {
           if (container.current)
             container.current.scrollLeft = pos;
         });
-      } else if (container.current)
+      } else {
         container.current.scrollLeft = left;
+      }
     },
     []
   );
@@ -121,9 +127,13 @@ function useScrollView(parameters) {
       const isAnimation = scrollWithAnimation;
       if (scrollIntoView && typeof scrollIntoView === "string" && ((_b = (_a2 = container == null ? void 0 : container.current) == null ? void 0 : _a2.querySelector) == null ? void 0 : _b.call(_a2, `#${scrollIntoView}`))) {
         const doScrollIntoView = (id, alignment = "start", _isAnimation = isAnimation) => {
+          if (!container.current)
+            return;
           const target = container.current.querySelector(
             `#${id}`
           );
+          if (!target)
+            return;
           if (scrollY) {
             const start = target.offsetTop;
             const end = target.offsetTop + target.offsetHeight - container.current.clientHeight;
@@ -176,14 +186,14 @@ function useScrollView(parameters) {
           );
         }
       } else {
-        if (scrollY && typeof scrollTopProp === "number" && scrollTopProp !== container.current.scrollTop) {
+        if (scrollY && typeof scrollTopProp === "number" && container.current && scrollTopProp !== container.current.scrollTop) {
           if (isInit) {
             setTimeout(() => scrollVertical(scrollTopProp, isAnimation), 10);
           } else {
             scrollVertical(scrollTopProp, isAnimation);
           }
         }
-        if (scrollX && typeof scrollLeftProp === "number" && scrollLeftProp !== container.current.scrollLeft) {
+        if (scrollX && typeof scrollLeftProp === "number" && container.current && scrollLeftProp !== container.current.scrollLeft) {
           if (isInit) {
             setTimeout(() => scrollHorizontal(scrollLeftProp, isAnimation), 10);
           } else {
@@ -241,6 +251,8 @@ function useScrollView(parameters) {
     }
   };
   const onScrollHandler = (e) => {
+    if (!container.current)
+      return;
     const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = container.current;
     Object.defineProperty(e, "detail", {
       enumerable: true,

package/es/Skeleton/Skeleton.d.ts

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

package/es/Skeleton/Skeleton.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 "./index.css";
 const prefixCls = "bui-skeleton";
 const Skeleton = /* @__PURE__ */ React.forwardRef(

package/es/Skeleton/Skeleton.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type VariantEnum = 'text' | 'circular' | 'rectangular' | 'rounded';
 export type animationEnum = 'wave' | 'pulse' | false;
 export type SkeletonProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{

package/es/Slide/Slide.d.ts

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

package/es/Slide/Slide.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/Slider/Slider.types.d.ts

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

package/es/Steps/Step.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 import { OnChangeEvent } from './Steps.types';
 export type StatusProps = 'wait' | 'active' | 'finish' | 'error';
 export type StepProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{

package/es/Steps/StepsContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { StepsContextProps } from './Steps.types';
 declare const StepsContext: React.Context<StepsContextProps>;
 export declare const StepsContextProvider: React.Provider<StepsContextProps>;

package/es/Steps/StepsContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 const StepsContext = React.createContext(null);
 const StepsContextProvider = StepsContext.Provider;
 var StepsContext_default = StepsContext;

package/es/SwipeAction/SwipeAction.js

@@ -96,7 +96,7 @@ const SwipeAction = /* @__PURE__ */ React.forwardRef(
     const startingX = useRef(0);
     const currentX = useRef(0);
     const isDragging = useRef(false);
-    let pretranslateX = 0;
+    let preTranslateX = 0;
     let dragPhase = DragPhaseEnum.START;
     const dragThreshold = 5;
     const leftWidthCache = useRef(0);
@@ -163,11 +163,11 @@ const SwipeAction = /* @__PURE__ */ React.forwardRef(
       100
     );
     const emitActionsReveal = (targetX, stop = false) => {
-      const isSpecial = targetX === pretranslateX && targetX !== 0;
-      if (targetX === pretranslateX && !isSpecial || stop)
+      const isSpecial = targetX === preTranslateX && targetX !== 0;
+      if (targetX === preTranslateX && !isSpecial || stop)
         return;
       let resStr = null;
-      const shouldOpen = targetX > 0 && pretranslateX <= 0 || targetX < 0 && pretranslateX >= 0 || isSpecial;
+      const shouldOpen = targetX > 0 && preTranslateX <= 0 || targetX < 0 && preTranslateX >= 0 || isSpecial;
       if (shouldOpen) {
         if (targetX > 0) {
           resStr = SideTypeEnum.LEFT;
@@ -202,15 +202,14 @@ const SwipeAction = /* @__PURE__ */ React.forwardRef(
       }
       if (dragPhase === DragPhaseEnum.END || isMini) {
         emitActionsReveal(targetX);
-        console.log("handleTouchEnd\uFF1A", targetX, e);
         setTranslateX(targetX);
-        pretranslateX = targetX;
+        preTranslateX = targetX;
       }
       currentX.current = 0;
     });
     const close = () => {
       setTranslateX(0);
-      pretranslateX = 0;
+      preTranslateX = 0;
       setIsOpen(false);
     };
     useEffect(() => {
@@ -254,7 +253,7 @@ const SwipeAction = /* @__PURE__ */ React.forwardRef(
           targetX = yield getLefRefWidth();
         }
         setTranslateX(targetX);
-        pretranslateX = targetX;
+        preTranslateX = targetX;
         emitActionsReveal(targetX);
       }),
       close,

package/es/SwipeAction/SwipeAction.types.d.ts

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

package/es/Swiper/Swiper.js

@@ -31,7 +31,11 @@ var __objRest = (source, exclude) => {
 };
 import clsx from "clsx";
 import React, { forwardRef, useEffect, useRef } from "react";
-import { Autoplay, EffectFade, Pagination } from "swiper";
+import {
+  Autoplay,
+  EffectFade,
+  Pagination
+} from "swiper";
 import "swiper/css";
 import "swiper/css/autoplay";
 import "swiper/css/pagination";

package/es/Swiper/Swiper.types.d.ts

@@ -1,6 +1,6 @@
 import { OverrideProps } from '@bifrostui/types';
 import { SwiperProps as SwiperPropsH5 } from 'swiper/react';
-import React from 'react';
+import * as React from 'react';
 export type SwiperProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & SwiperPropsH5 & {
         /** 是否显示面板指示点

package/es/Swiper/SwiperItem.d.ts

@@ -1,5 +1,5 @@
 import { SwiperSlideProps } from 'swiper/react';
-import React from 'react';
+import * as React from 'react';
 declare const SwiperItem: {
     (props: SwiperSlideProps): React.JSX.Element;
     displayName: string;

package/es/Swiper/SwiperItem.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
 };
 import { SwiperSlide } from "swiper/react";
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 const SwiperItem = (props) => {
   const _a = props, { className, style, children } = _a, restProps = __objRest(_a, ["className", "style", "children"]);
   const cls = clsx("swiper-slide", className);

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Switch from "../../Switch";
 const basicSwitchDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Switch, null), "Switch"));

package/es/TabBar/TabBar.d.ts

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

package/es/TabBar/TabBar.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 TabBarContext from "./TabBarContext";
 import "./TabBar.css";

package/es/Tabs/Tab.css

@@ -1,5 +1,5 @@
 .bui-tab {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
@@ -19,30 +19,7 @@
   font-weight: var(--bui-font-weight-bold);
   font-family: var(--bui-tab-active-font-family);
 }
-.bui-tab-miniapp-active {
-  color: var(--bui-tab-active-color);
-  line-height: 1.5;
-  font-weight: var(--bui-font-weight-bold);
-  position: relative;
-}
-.bui-tab-miniapp-active-line {
-  position: absolute;
-  bottom: var(--bui-tabs-indicator-bottom);
-  left: -12px;
-  right: -12px;
-  margin: 0 auto !important;
-  width: var(--bui-tabs-indicator-width);
-  height: var(--bui-tabs-indicator-height);
-  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  background: var(--bui-tabs-indicator-bg);
-  border-radius: var(--bui-tabs-indicator-border-radius);
-  box-shadow: var(--bui-tabs-indicator-box-shadow);
-}
 .bui-tab-disabled {
   opacity: 0.5;
   pointer-events: none;
 }
-.bui-indicator-invisible {
-  visibility: hidden;
-  background-color: transparent;
-}

package/es/Tabs/Tab.d.ts

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