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

package/dist/ScrollView/useScrollView.js

@@ -113,25 +113,31 @@ function useScrollView(parameters) {
   const scrollVertical = (0, import_react.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 = (0, import_react.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;
+      }
     },
     []
   );
@@ -141,9 +147,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;
@@ -196,14 +206,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 {
@@ -261,6 +271,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/dist/Select/selectContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BuiSelectContextProps } from './Select.types';
 declare const BuiSelectContext: import("react").Context<BuiSelectContextProps>;
 export default BuiSelectContext;

package/dist/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/dist/Skeleton/Skeleton.js

@@ -57,10 +57,10 @@ __export(Skeleton_exports, {
 });
 module.exports = __toCommonJS(Skeleton_exports);
 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-skeleton";
-const Skeleton = /* @__PURE__ */ import_react.default.forwardRef(
+const Skeleton = /* @__PURE__ */ React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -79,7 +79,7 @@ const Skeleton = /* @__PURE__ */ import_react.default.forwardRef(
       "variant",
       "children"
     ]);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "span",
       __spreadValues({
         className: (0, import_clsx.default)(

package/dist/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/dist/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/dist/Slide/Slide.js

@@ -60,7 +60,7 @@ __export(Slide_exports, {
 });
 module.exports = __toCommonJS(Slide_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 Slide = /* @__PURE__ */ import_react.default.forwardRef(
+const Slide = /* @__PURE__ */ React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       appear = true,
@@ -107,7 +107,7 @@ const Slide = /* @__PURE__ */ import_react.default.forwardRef(
     };
     if (!children)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       import_Transition.default,
       __spreadProps(__spreadValues({}, others), {
         appear,
@@ -127,7 +127,7 @@ const Slide = /* @__PURE__ */ import_react.default.forwardRef(
           )
         ) : "none";
         const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
-        return import_react.default.cloneElement(children, __spreadValues({
+        return React.cloneElement(children, __spreadValues({
           style: __spreadValues(__spreadValues({
             visibility: state === "exited" ? "hidden" : "visible",
             transition,

package/dist/Slide/Slide.miniapp.js

@@ -142,15 +142,18 @@ const Slide = /* @__PURE__ */ import_react.default.forwardRef(
     const transitions = (0, import_utils.createTransitions)();
     const animationName = getAnimationName(direction, inProp);
     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) {
@@ -171,7 +174,7 @@ const Slide = /* @__PURE__ */ import_react.default.forwardRef(
       } else {
         onExit == null ? void 0 : onExit(elementRef.current);
       }
-    }, [inProp, isMounted, shouldExecuteAnimation, onEnter, onExit]);
+    }, [inProp, isMounted]);
     const handleAnimationStart = () => {
       if (!shouldExecuteAnimation)
         return;

package/dist/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/dist/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/dist/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/dist/Steps/StepsContext.js

@@ -31,8 +31,8 @@ __export(StepsContext_exports, {
   default: () => StepsContext_default
 });
 module.exports = __toCommonJS(StepsContext_exports);
-var import_react = __toESM(require("react"));
-const StepsContext = import_react.default.createContext(null);
+var React = __toESM(require("react"));
+const StepsContext = React.createContext(null);
 const StepsContextProvider = StepsContext.Provider;
 var StepsContext_default = StepsContext;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/SwipeAction/SwipeAction.js

@@ -114,7 +114,7 @@ const SwipeAction = /* @__PURE__ */ import_react.default.forwardRef(
     const startingX = (0, import_react.useRef)(0);
     const currentX = (0, import_react.useRef)(0);
     const isDragging = (0, import_react.useRef)(false);
-    let pretranslateX = 0;
+    let preTranslateX = 0;
     let dragPhase = import_constants.DragPhaseEnum.START;
     const dragThreshold = 5;
     const leftWidthCache = (0, import_react.useRef)(0);
@@ -181,11 +181,11 @@ const SwipeAction = /* @__PURE__ */ import_react.default.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 = import_constants.SideTypeEnum.LEFT;
@@ -220,15 +220,14 @@ const SwipeAction = /* @__PURE__ */ import_react.default.forwardRef(
       }
       if (dragPhase === import_constants.DragPhaseEnum.END || import_utils.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);
     };
     (0, import_react.useEffect)(() => {
@@ -272,7 +271,7 @@ const SwipeAction = /* @__PURE__ */ import_react.default.forwardRef(
           targetX = yield getLefRefWidth();
         }
         setTranslateX(targetX);
-        pretranslateX = targetX;
+        preTranslateX = targetX;
         emitActionsReveal(targetX);
       }),
       close,

package/dist/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/dist/SwipeAction/SwipeActionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BuiSwipeActionContextProps } from './SwipeAction.types';
 declare const BuiSwipeActionContext: import("react").Context<BuiSwipeActionContextProps>;
 export default BuiSwipeActionContext;

package/dist/Swiper/Swiper.js

@@ -174,7 +174,9 @@ const Swiper = (0, import_react.forwardRef)((props, ref) => {
       spaceBetween
     }, others), {
       onSwiper: (o) => {
+        var _a2;
         swiperInstance.current = o;
+        (_a2 = props.onSwiper) == null ? void 0 : _a2.call(props, o);
       },
       style: __spreadProps(__spreadValues({}, sty), {
         "--indicator-color": defaultIndicatorColor,

package/dist/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/dist/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/dist/Swiper/SwiperItem.js

@@ -58,11 +58,11 @@ __export(SwiperItem_exports, {
 module.exports = __toCommonJS(SwiperItem_exports);
 var import_react = require("swiper/react");
 var import_clsx = __toESM(require("clsx"));
-var import_react2 = __toESM(require("react"));
+var React = __toESM(require("react"));
 const SwiperItem = (props) => {
   const _a = props, { className, style, children } = _a, restProps = __objRest(_a, ["className", "style", "children"]);
   const cls = (0, import_clsx.default)("swiper-slide", className);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react.SwiperSlide, __spreadValues({ className: cls, style }, restProps), children);
+  return /* @__PURE__ */ React.createElement(import_react.SwiperSlide, __spreadValues({ className: cls, style }, restProps), children);
 };
 SwiperItem.displayName = "BuiSwiperItem-SwiperSlide";
 var SwiperItem_default = SwiperItem;

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

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

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

@@ -33,16 +33,16 @@ __export(A11yDemos_exports, {
   disabledSwitchDemo: () => disabledSwitchDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Switch = __toESM(require("../../Switch"));
 const basicSwitchDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, /* @__PURE__ */ import_react.default.createElement(import_Switch.default, null), "Switch"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Switch.default, null), "Switch"));
 };
 const disabledSwitchDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, /* @__PURE__ */ import_react.default.createElement(import_Switch.default, { disabled: true }), "Switch"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Switch.default, { disabled: true }), "Switch"));
 };
 const ariaLabelSwitchDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Switch.default, { inputProps: { "aria-label": "\u5F00\u5173" } }, "Switch"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Switch.default, { inputProps: { "aria-label": "\u5F00\u5173" } }, "Switch"));
 };
 var A11yDemos_default = {
   basicSwitchDemo,

package/dist/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/dist/TabBar/TabBar.js

@@ -56,12 +56,12 @@ __export(TabBar_exports, {
   default: () => TabBar_default
 });
 module.exports = __toCommonJS(TabBar_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_TabBarContext = __toESM(require("./TabBarContext"));
 var import_TabBar = require("./TabBar.css");
 const prefixCls = "bui-tab-bar";
-const TabBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const TabBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props || {}, {
     current = 0,
     activeColor = "primary",
@@ -77,7 +77,7 @@ const TabBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "className",
     "onChange"
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     import_TabBarContext.default.Provider,
     {
       value: {
@@ -87,9 +87,9 @@ const TabBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onChange
       }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(`${prefixCls}`, className) }, others), import_react.default.Children.toArray(children).map(
+    /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(`${prefixCls}`, className) }, others), React.Children.toArray(children).map(
       (item, index) => {
-        return import_react.default.cloneElement(item, {
+        return React.cloneElement(item, {
           index
         });
       }

package/dist/Tabs/Tab.css

@@ -1,5 +1,5 @@
 .bui-tab {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
@@ -17,30 +17,8 @@
 .bui-tab-active {
   color: var(--bui-tab-active-color);
   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: 0;
-  left: -12px;
-  right: -12px;
-  margin: 0 auto !important;
-  width: 18px;
-  height: 2px;
-  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  background-color: var(--bui-color-primary);
 }
 .bui-tab-disabled {
   opacity: 0.5;
   pointer-events: none;
 }
-.bui-indicator-invisible {
-  visibility: hidden;
-  background-color: transparent;
-}

package/dist/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;

package/dist/Tabs/Tab.js

@@ -63,39 +63,52 @@ var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
 var import_TabsContext = __toESM(require("./TabsContext"));
+var import_classes = require("./classes");
 var import_Tab2 = require("./Tab.css");
-const prefixCls = "bui-tab";
 const Tab = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
     className,
     children,
     index,
     disabled = false,
-    onClick,
-    role = "tab",
-    tabIndex,
-    "aria-selected": ariaSelected,
-    "aria-disabled": ariaDisabled
+    onClick
   } = _a, others = __objRest(_a, [
     "className",
     "children",
     "index",
     "disabled",
-    "onClick",
-    "role",
-    "tabIndex",
-    "aria-selected",
-    "aria-disabled"
+    "onClick"
   ]);
-  const tabsContext = import_react.default.useContext(import_TabsContext.default);
-  const { value, triggerChange } = tabsContext;
-  const isActive = index === value;
+  const innerRef = (0, import_react.useRef)(null);
+  const handleRef = (0, import_utils.useForkRef)(ref, innerRef);
+  const isActive = (0, import_utils.useContextSelector)(
+    import_TabsContext.default,
+    (ctx) => ctx.value === index
+  );
+  const triggerChange = (0, import_utils.useContextSelector)(
+    import_TabsContext.default,
+    (ctx) => ctx.triggerChange
+  );
+  const onRegister = (0, import_utils.useContextSelector)(import_TabsContext.default, (ctx) => ctx.onRegister);
+  const onUnregister = (0, import_utils.useContextSelector)(
+    import_TabsContext.default,
+    (ctx) => ctx.onUnregister
+  );
+  (0, import_react.useEffect)(() => {
+    if (index !== void 0 && index !== null) {
+      onRegister == null ? void 0 : onRegister({ value: index, ref: innerRef });
+    }
+    return () => {
+      if (index !== void 0 && index !== null) {
+        onUnregister == null ? void 0 : onUnregister({ value: index });
+      }
+    };
+  }, [onRegister, onUnregister, index]);
   const rootCls = (0, import_clsx.default)(
-    prefixCls,
+    import_classes.tabRootClass,
     {
-      [`${prefixCls}-active`]: !import_utils.isMini && isActive,
-      [`${prefixCls}-miniapp-active`]: import_utils.isMini && isActive,
-      [`${prefixCls}-disabled`]: disabled
+      [import_classes.tabActiveClass]: !import_utils.isMini && isActive,
+      [import_classes.tabDisabledClass]: disabled
     },
     className
   );
@@ -103,31 +116,26 @@ const Tab = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     if (disabled)
       return;
     e.preventDefault();
-    triggerChange(e, { index });
+    triggerChange == null ? void 0 : triggerChange(e, { index });
     onClick == null ? void 0 : onClick(e, { index });
   };
+  if (process.env.NODE_ENV !== "production") {
+    console.count("Tab render");
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     __spreadProps(__spreadValues({
-      role,
-      "aria-selected": ariaSelected != null ? ariaSelected : isActive,
-      "aria-disabled": ariaDisabled != null ? ariaDisabled : disabled,
-      tabIndex: tabIndex != null ? tabIndex : disabled ? -1 : 0,
-      ref,
+      role: "tab",
+      "aria-selected": isActive,
+      "aria-disabled": disabled,
+      tabIndex: disabled ? -1 : 0,
+      ref: handleRef,
       className: rootCls
     }, others), {
       onClick: handleClick
     }),
-    children,
-    import_utils.isMini && /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-miniapp-active-line`, {
-          "bui-indicator-invisible": !isActive
-        })
-      }
-    )
+    children
   );
 });
 Tab.displayName = "BuiTab";
-var Tab_default = Tab;
+var Tab_default = /* @__PURE__ */ import_react.default.memo(Tab);

package/dist/Tabs/Tab.types.d.ts

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

package/dist/Tabs/TabIndicator.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TabIndicatorProps {
+    /** 当前选中的 tab 值 */
+    currentValue: string;
+    /** 已注册的 tabs 引用映射表 */
+    registeredTabs: React.MutableRefObject<Record<string, React.RefObject<HTMLElement>>>;
+    /** tabs 容器的引用 */
+    tabsContainerRef: React.RefObject<HTMLDivElement>;
+}
+declare const TabIndicator: React.FC<TabIndicatorProps>;
+export default TabIndicator;