@bifrostui/react 2.0.0-alpha.0 → 2.0.0-alpha.1

package/dist/SwipeAction/index.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SwipeAction_exports = {};
+__export(SwipeAction_exports, {
+  DragPhaseEnum: () => import_constants.DragPhaseEnum,
+  SideTypeEnum: () => import_constants.SideTypeEnum,
+  SwipeAction: () => import_SwipeAction2.default,
+  SwipeActionItem: () => import_SwipeActionItem.default,
+  default: () => import_SwipeAction.default
+});
+module.exports = __toCommonJS(SwipeAction_exports);
+__reExport(SwipeAction_exports, require("./SwipeAction.types"), module.exports);
+var import_SwipeAction = __toESM(require("./SwipeAction"));
+var import_SwipeAction2 = __toESM(require("./SwipeAction"));
+var import_SwipeActionItem = __toESM(require("./SwipeActionItem"));
+var import_constants = require("./constants");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DragPhaseEnum,
+  SideTypeEnum,
+  SwipeAction,
+  SwipeActionItem,
+  ...require("./SwipeAction.types")
+});

package/dist/Swiper/Swiper.js

@@ -121,19 +121,33 @@ const Swiper = (0, import_react.forwardRef)((props, ref) => {
   const swiperInstance = (0, import_react.useRef)();
   const isInit = (0, import_react.useRef)(true);
   (0, import_react.useEffect)(() => {
-    var _a2, _b;
+    var _a2, _b, _c, _d;
     if (isInit.current) {
       isInit.current = false;
       return;
     }
-    (_b = (_a2 = swiperInstance == null ? void 0 : swiperInstance.current) == null ? void 0 : _a2.slideTo) == null ? void 0 : _b.call(_a2, current);
-  }, [current]);
+    if (circular) {
+      (_b = (_a2 = swiperInstance == null ? void 0 : swiperInstance.current) == null ? void 0 : _a2.slideToLoop) == null ? void 0 : _b.call(_a2, current);
+    } else {
+      (_d = (_c = swiperInstance == null ? void 0 : swiperInstance.current) == null ? void 0 : _c.slideTo) == null ? void 0 : _d.call(_c, current);
+    }
+  }, [current, circular]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b;
+    if (swiperInstance == null ? void 0 : swiperInstance.current) {
+      if (autoplay) {
+        (_a2 = swiperInstance == null ? void 0 : swiperInstance.current) == null ? void 0 : _a2.autoplay.start();
+      } else {
+        (_b = swiperInstance == null ? void 0 : swiperInstance.current) == null ? void 0 : _b.autoplay.stop();
+      }
+    }
+  }, [autoplay]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_react2.Swiper,
     __spreadProps(__spreadValues({
       modules: [import_swiper.Pagination, import_swiper.Autoplay, import_swiper.EffectFade],
       loop: circular,
-      autoplay: autoplay ? { delay: interval, disableOnInteraction: false } : false,
+      autoplay: { delay: interval, disableOnInteraction: false },
       speed: duration,
       slidesPerView: displayMultipleItems,
       direction: vertical ? "vertical" : "horizontal",

package/dist/Switch/Switch.js

@@ -68,8 +68,8 @@ const Switch = (0, import_react.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       className,
-      checked,
-      defaultChecked,
+      checked = false,
+      defaultChecked = false,
       inputProps,
       inputRef,
       name,
@@ -93,6 +93,7 @@ const Switch = (0, import_react.forwardRef)(
       "color",
       "onChange"
     ]);
+    const ariaProps = __spreadValues({}, disabled && { "aria-disabled": disabled });
     const [switchChecked, triggerChange] = (0, import_utils.useValue)({
       value: checked,
       defaultValue: !!defaultChecked
@@ -124,13 +125,13 @@ const Switch = (0, import_react.forwardRef)(
       }, others),
       /* @__PURE__ */ import_react.default.createElement(
         "input",
-        __spreadProps(__spreadValues({
+        __spreadProps(__spreadValues(__spreadValues({
           ref: inputRef,
           type: "checkbox",
           name,
           checked: switchChecked,
           disabled
-        }, inputProps), {
+        }, ariaProps), inputProps), {
           onChange: handleChange,
           className: (0, import_clsx.default)(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
         })

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

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var A11yDemos_exports = {};
+__export(A11yDemos_exports, {
+  ariaLabelSwitchDemo: () => ariaLabelSwitchDemo,
+  basicSwitchDemo: () => basicSwitchDemo,
+  default: () => A11yDemos_default,
+  disabledSwitchDemo: () => disabledSwitchDemo
+});
+module.exports = __toCommonJS(A11yDemos_exports);
+var import_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"));
+};
+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"));
+};
+const ariaLabelSwitchDemo = () => {
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Switch.default, { inputProps: { "aria-label": "\u5F00\u5173" } }, "Switch"));
+};
+var A11yDemos_default = {
+  basicSwitchDemo,
+  disabledSwitchDemo,
+  ariaLabelSwitchDemo
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ariaLabelSwitchDemo,
+  basicSwitchDemo,
+  disabledSwitchDemo
+});

package/dist/Tabs/Tab.js

@@ -59,9 +59,9 @@ __export(Tab_exports, {
   default: () => Tab_default
 });
 module.exports = __toCommonJS(Tab_exports);
-var import_utils = require("@bifrostui/utils");
-var import_clsx = __toESM(require("clsx"));
 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_Tab2 = require("./Tab.css");
 const prefixCls = "bui-tab";
@@ -71,44 +71,59 @@ const Tab = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     children,
     index,
     disabled = false,
-    onClick
+    onClick,
+    role = "tab",
+    tabIndex,
+    "aria-selected": ariaSelected,
+    "aria-disabled": ariaDisabled
   } = _a, others = __objRest(_a, [
     "className",
     "children",
     "index",
     "disabled",
-    "onClick"
+    "onClick",
+    "role",
+    "tabIndex",
+    "aria-selected",
+    "aria-disabled"
   ]);
   const tabsContext = import_react.default.useContext(import_TabsContext.default);
   const { value, triggerChange } = tabsContext;
+  const isActive = index === value;
+  const rootCls = (0, import_clsx.default)(
+    prefixCls,
+    {
+      [`${prefixCls}-active`]: !import_utils.isMini && isActive,
+      [`${prefixCls}-miniapp-active`]: import_utils.isMini && isActive,
+      [`${prefixCls}-disabled`]: disabled
+    },
+    className
+  );
+  const handleClick = (e) => {
+    if (disabled)
+      return;
+    e.preventDefault();
+    triggerChange(e, { index });
+    onClick == null ? void 0 : onClick(e, { index });
+  };
   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,
-      className: (0, import_clsx.default)(
-        prefixCls,
-        {
-          [`${prefixCls}-active`]: !import_utils.isMini && index === value,
-          [`${prefixCls}-miniapp-active`]: import_utils.isMini && index === value,
-          [`${prefixCls}-disabled`]: disabled
-        },
-        className
-      )
+      className: rootCls
     }, others), {
-      onClick: (e) => {
-        if (disabled)
-          return;
-        e.preventDefault();
-        triggerChange(e, { index });
-        onClick == null ? void 0 : onClick(e, { index });
-      }
+      onClick: handleClick
     }),
     children,
     import_utils.isMini && /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: (0, import_clsx.default)(`${prefixCls}-miniapp-active-line`, {
-          "bui-indicator-invisible": index !== value
+          "bui-indicator-invisible": !isActive
         })
       }
     )

package/dist/Tabs/TabPanel.js

@@ -56,9 +56,9 @@ __export(TabPanel_exports, {
   default: () => TabPanel_default
 });
 module.exports = __toCommonJS(TabPanel_exports);
-var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
-var import_TabPanel = require("./TabPanel.css");
+var import_clsx = __toESM(require("clsx"));
+var import_TabPanel2 = require("./TabPanel.css");
 const prefixCls = "bui-tabpanel";
 const TabPanel = (0, import_react.forwardRef)((props, ref) => {
   const _a = props, {
@@ -74,17 +74,21 @@ const TabPanel = (0, import_react.forwardRef)((props, ref) => {
     "index",
     "keepMounted"
   ]);
+  const isActive = value === index;
   const keepActiveDom = keepMounted ? children : null;
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     __spreadValues({
+      role: "tabpanel",
+      "aria-hidden": !isActive,
+      tabIndex: 0,
       ref,
       className: (0, import_clsx.default)(prefixCls, className, {
-        [`${prefixCls}-active`]: value === index,
-        [`${prefixCls}-inactive`]: value !== index
+        [`${prefixCls}-active`]: isActive,
+        [`${prefixCls}-inactive`]: !isActive
       })
     }, others),
-    value === index ? children : keepActiveDom
+    isActive ? children : keepActiveDom
   );
 });
 TabPanel.displayName = "BuiTabPanel";

package/dist/Tabs/Tabs.css

@@ -3,7 +3,7 @@ page,
 xhs-page {
   --bui-tabs-height: 39px;
   --bui-tabs-font-weight: var(--bui-font-weight-medium);
-  --bui-tabs-indicator-background: var(--bui-color-primary);
+  --bui-tabs-indicator-bg: var(--bui-color-primary);
   --bui-tabs-indicator-height: 3PX;
   --bui-tabs-indicator-width: 24px;
   --bui-tabs-indicator-border-radius: 3px 3px 0 0;
@@ -42,7 +42,7 @@ xhs-page {
   bottom: var(--bui-tabs-indicator-bottom);
   height: var(--bui-tabs-indicator-height);
   color: var(--bui-color-primary);
-  background: var(--bui-tabs-indicator-background);
+  background: var(--bui-tabs-indicator-bg);
   border-radius: var(--bui-tabs-indicator-border-radius);
   box-shadow: var(--bui-tabs-indicator-box-shadow);
 }

package/dist/Tabs/Tabs.js

@@ -56,14 +56,15 @@ __export(Tabs_exports, {
   default: () => Tabs_default
 });
 module.exports = __toCommonJS(Tabs_exports);
-var import_utils = require("@bifrostui/utils");
-var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_utils = require("@bifrostui/utils");
+var import_scroll = __toESM(require("./utils/scroll"));
 var import_Tab = __toESM(require("./Tab"));
 var import_TabsContext = require("./TabsContext");
-var import_bound = __toESM(require("./utils/bound"));
 var import_Tabs2 = require("./Tabs.css");
 const prefixCls = "bui-tabs";
+const duration = 300;
 const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, { children, className, value, tabs = [], onChange } = _a, others = __objRest(_a, ["children", "className", "value", "tabs", "onChange"]);
   const tabsRef = (0, import_react.useRef)(null);
@@ -76,27 +77,41 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     leftMaskOpacity: 0,
     rightMaskOpacity: 0
   });
+  const getActiveTabElement = () => {
+    const tabsEl = tabsRef.current;
+    if (!tabsEl)
+      return;
+    const activeIndex = tabs.findIndex((item) => item.index === value);
+    if (tabs.length) {
+      return activeIndex > -1 ? tabsEl.childNodes[activeIndex + 1] : void 0;
+    }
+    return [...tabsEl.childNodes].find((child) => {
+      var _a2, _b;
+      if (import_utils.isMini) {
+        return [...(_b = (_a2 = child == null ? void 0 : child.classList) == null ? void 0 : _a2.tokenList) != null ? _b : []].includes(
+          "bui-tab-miniapp-active"
+        );
+      }
+      return [...child.classList].includes("bui-tab-active");
+    });
+  };
+  const scrollIntoView = () => {
+    const tabsEl = tabsRef.current;
+    const activeTab = getActiveTabElement();
+    if (!tabsEl || !activeTab) {
+      return;
+    }
+    const to = activeTab.offsetLeft - (tabsEl.offsetWidth - activeTab.offsetWidth) / 2;
+    (0, import_scroll.default)(tabsEl, to, duration);
+  };
   const animate = (0, import_utils.useEventCallback)(() => {
-    const container = tabsRef.current;
-    if (!container)
+    const tabsEl = tabsRef.current;
+    if (!tabsEl)
       return;
-    const activeIndex = !!tabs.length && tabs.findIndex((item) => item.index === value);
     const activeLine = activeLineRef.current;
     if (!activeLine)
       return;
-    let activeTab;
-    if (tabs.length) {
-      activeTab = activeIndex > -1 ? container.childNodes[activeIndex + 1] : void 0;
-    } else {
-      activeTab = [...container.childNodes].find((child) => {
-        if (import_utils.isMini) {
-          return [...child.classList.tokenList].includes(
-            "bui-tab-miniapp-active"
-          );
-        }
-        return [...child.classList].includes("bui-tab-active");
-      });
-    }
+    const activeTab = getActiveTabElement();
     let activeTabLeft = 0;
     let activeTabWidth = 0;
     let containerWidth = 0;
@@ -106,8 +121,8 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     if (activeTab) {
       activeTabLeft = activeTab.offsetLeft;
       activeTabWidth = activeTab.offsetWidth;
-      containerWidth = container.offsetWidth;
-      containerScrollWidth = container.scrollWidth;
+      containerWidth = tabsEl.offsetWidth;
+      containerScrollWidth = tabsEl.scrollWidth;
       activeLineWidth = activeLine.offsetWidth;
       x = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
     }
@@ -118,24 +133,22 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     const maxScrollDistance = containerScrollWidth - containerWidth;
     if (maxScrollDistance <= 0 || !activeTab)
       return;
-    const nextScrollLeft = (0, import_bound.default)(
-      activeTabLeft - (containerWidth - activeTabWidth) / 2,
-      0,
-      containerScrollWidth - containerWidth
-    );
-    if (tabsRef.current) {
-      tabsRef.current.scrollLeft = nextScrollLeft;
+    if (!import_utils.isMini) {
+      scrollIntoView();
     }
   });
   const updateMask = (0, import_react.useMemo)(
     () => (0, import_utils.throttle)(
       () => {
-        const container = tabsRef.current;
-        if (!container)
+        const tabsEl = tabsRef.current;
+        if (!tabsEl)
           return;
-        const scrollLeft = container == null ? void 0 : container.scrollLeft;
+        const scrollLeft = tabsEl == null ? void 0 : tabsEl.scrollLeft;
         const showLeftMask = scrollLeft > 0;
-        const showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
+        const rightRange = Math.abs(
+          tabsEl.scrollWidth - (scrollLeft + tabsEl.offsetWidth)
+        );
+        const showRightMask = rightRange > 1;
         setMaskData({
           leftMaskOpacity: showLeftMask ? 1 : 0,
           rightMaskOpacity: showRightMask ? 1 : 0
@@ -153,6 +166,7 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     animate();
   }, [value, tabs.length, import_react.default.Children.toArray(children).length]);
   (0, import_react.useEffect)(() => {
+    updateMask();
     const handleResize = (0, import_utils.debounce)(() => {
       animate();
       updateMask();
@@ -162,30 +176,22 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       window.removeEventListener("resize", handleResize);
     };
   }, []);
-  (0, import_react.useEffect)(() => {
-    updateMask();
-  }, []);
   const handleClick = (e, item) => {
     const { index, disabled = false } = item;
-    if (disabled)
-      return;
-    if (index === void 0 || index === null) {
+    if (disabled || [void 0, null].includes(index))
       return;
-    }
     if (index !== value) {
       onChange == null ? void 0 : onChange(e, { index });
     }
   };
-  const providerValue = (0, import_react.useMemo)(() => {
-    return { value, triggerChange: handleClick };
-  }, [value, children, handleClick]);
   return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: (0, import_clsx.default)(`${prefixCls}-mask`, `${prefixCls}-mask-left`),
       style: {
         opacity: maskData.leftMaskOpacity
-      }
+      },
+      "aria-hidden": "true"
     }
   ), /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -193,31 +199,48 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       className: (0, import_clsx.default)(`${prefixCls}-mask`, `${prefixCls}-mask-right`),
       style: {
         opacity: maskData.rightMaskOpacity
-      }
+      },
+      "aria-hidden": "true"
     }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-tabs`, ref: tabsRef, onScroll: updateMask }, /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      ref: activeLineRef,
-      className: (0, import_clsx.default)(`${prefixCls}-indicator`, {
-        "bui-indicator-invisible": import_utils.isMini || !indicatorData.hasActiveTab
-      }),
-      style: {
-        transition: "transform 0.3s ease-in-out",
-        transform: `translate(${indicatorData.x}px, 0px)`
-      }
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(import_TabsContext.TabsContextProvider, { value: providerValue }, !!tabs.length && tabs.map((item) => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Tab.default,
+      className: `${prefixCls}-tabs`,
+      ref: tabsRef,
+      onScroll: updateMask,
+      role: "tablist",
+      "aria-orientation": "horizontal"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
       {
-        key: item.index,
-        index: item == null ? void 0 : item.index,
-        disabled: item == null ? void 0 : item.disabled
-      },
-      item.title
-    );
-  }), children)));
+        ref: activeLineRef,
+        className: (0, import_clsx.default)(`${prefixCls}-indicator`, {
+          "bui-indicator-invisible": import_utils.isMini || !indicatorData.hasActiveTab
+        }),
+        style: {
+          transition: "transform 0.3s ease-in-out",
+          transform: `translate(${indicatorData.x}px, 0px)`
+        },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_TabsContext.TabsContextProvider, { value: { value, triggerChange: handleClick } }, !!tabs.length && tabs.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_Tab.default,
+        {
+          key: item.index,
+          index: item == null ? void 0 : item.index,
+          disabled: item == null ? void 0 : item.disabled,
+          role: "tab",
+          "aria-selected": value === item.index,
+          "aria-disabled": item == null ? void 0 : item.disabled,
+          tabIndex: (item == null ? void 0 : item.disabled) ? -1 : 0
+        },
+        item.title
+      );
+    }), children)
+  ));
 });
 Tabs.displayName = "BuiTabs";
 var Tabs_default = Tabs;

package/dist/Tabs/TabsContext.js

@@ -32,7 +32,9 @@ __export(TabsContext_exports, {
 });
 module.exports = __toCommonJS(TabsContext_exports);
 var import_react = __toESM(require("react"));
-const TabsContext = import_react.default.createContext(void 0);
+const TabsContext = import_react.default.createContext(
+  void 0
+);
 if (process.env.NODE_ENV !== "production") {
   TabsContext.displayName = "BuiTabsContext";
 }

package/dist/Tabs/index.css

@@ -3,7 +3,7 @@ page,
 xhs-page {
   --bui-tabs-height: 39px;
   --bui-tabs-font-weight: var(--bui-font-weight-medium);
-  --bui-tabs-indicator-background: var(--bui-color-primary);
+  --bui-tabs-indicator-bg: var(--bui-color-primary);
   --bui-tabs-indicator-height: 3PX;
   --bui-tabs-indicator-width: 24px;
   --bui-tabs-indicator-border-radius: 3px 3px 0 0;
@@ -42,7 +42,7 @@ xhs-page {
   bottom: var(--bui-tabs-indicator-bottom);
   height: var(--bui-tabs-indicator-height);
   color: var(--bui-color-primary);
-  background: var(--bui-tabs-indicator-background);
+  background: var(--bui-tabs-indicator-bg);
   border-radius: var(--bui-tabs-indicator-border-radius);
   box-shadow: var(--bui-tabs-indicator-box-shadow);
 }

package/dist/Tabs/utils/scroll.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var scroll_exports = {};
+__export(scroll_exports, {
+  default: () => scroll_default
+});
+module.exports = __toCommonJS(scroll_exports);
+const root = window || global;
+let rafId;
+let prev = Date.now();
+const rafPolyfill = (fn) => {
+  const curr = Date.now();
+  const ms = Math.max(0, 16 - (curr - prev));
+  const id = setTimeout(fn, ms);
+  prev = curr + ms;
+  return id;
+};
+const cancelRaf = (id) => {
+  const cancelAnimationFrame = (root == null ? void 0 : root.cancelAnimationFrame) || (root == null ? void 0 : root.clearTimeout) || clearTimeout;
+  cancelAnimationFrame.call(root, id);
+};
+const raf = (fn) => {
+  const requestAnimationFrame = (root == null ? void 0 : root.requestAnimationFrame) || rafPolyfill;
+  return requestAnimationFrame.call(root, fn);
+};
+const scrollLeftTo = (scroller, to, duration) => {
+  cancelRaf(rafId);
+  let count = 0;
+  const from = scroller.scrollLeft;
+  const frames = duration === 0 ? 1 : Math.round(duration / 16);
+  function animate() {
+    scroller.scrollLeft += (to - from) / frames;
+    count += 1;
+    if (count < frames) {
+      rafId = raf(animate);
+    }
+  }
+  animate();
+};
+var scroll_default = scrollLeftTo;