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

package/dist/Tabs/miniapp/Tabs.js

@@ -0,0 +1,251 @@
+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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  default: () => Tabs_default
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_taro = __toESM(require("@tarojs/taro"));
+var import_components = require("@tarojs/components");
+var import_utils = require("@bifrostui/utils");
+var import_Tab = __toESM(require("./Tab"));
+var import_TabIndicator = __toESM(require("./TabIndicator"));
+var import_TabMask = __toESM(require("../TabMask"));
+var import_TabsContext = require("./TabsContext");
+var import_classes = require("../classes");
+var import_queryBatch = require("./utils/queryBatch");
+var import_Tabs2 = require("../Tabs.css");
+const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    value,
+    defaultValue,
+    tabs = [],
+    onChange,
+    style
+  } = props;
+  const handleOnChange = (0, import_utils.useEventCallback)(
+    (e, data) => {
+      onChange == null ? void 0 : onChange(e, { index: data.value });
+    }
+  );
+  const [currentValue, triggerValueChange] = (0, import_utils.useValue)({
+    value,
+    defaultValue: defaultValue != null ? defaultValue : "",
+    onChange: handleOnChange,
+    config: {
+      name: "Tabs",
+      state: "value"
+    }
+  });
+  const tabsContainerId = (0, import_react.useMemo)(
+    () => `bui-tabs-${Math.random().toString(36).slice(2, 11)}`,
+    []
+  );
+  const scrollViewId = `${tabsContainerId}-scroll`;
+  const wrapperId = `${tabsContainerId}-wrapper`;
+  const [registeredTabValues, setRegisteredTabValues] = (0, import_react.useState)([]);
+  const [registrationVersion, setRegistrationVersion] = (0, import_react.useState)(0);
+  const [scrollLeft, setScrollLeft] = (0, import_react.useState)(0);
+  const [containerWidth, setContainerWidth] = (0, import_react.useState)(0);
+  const [scrollWidth, setScrollWidth] = (0, import_react.useState)(0);
+  const lastScrollLeftRef = import_react.default.useRef(0);
+  const isFirstScroll = import_react.default.useRef(true);
+  const [scrollWithAnimation, setScrollWithAnimation] = import_react.default.useState(false);
+  const isScrollable = scrollWidth > containerWidth;
+  if (process.env.NODE_ENV !== "production") {
+    if (tabs.length > 0 && import_react.default.Children.count(children) > 0) {
+      console.warn(
+        "BUI Warning: Tabs \u7EC4\u4EF6\u4E0D\u5E94\u8BE5\u540C\u65F6\u4F7F\u7528 tabs \u5C5E\u6027\u548C children\u3002\u8BF7\u53EA\u4F7F\u7528\u5176\u4E2D\u4E00\u79CD\u65B9\u5F0F\u3002\u5F53\u524D\u5C06\u4F18\u5148\u4F7F\u7528 tabs \u5C5E\u6027\uFF0Cchildren \u5C06\u88AB\u5FFD\u7565\u3002"
+      );
+    }
+  }
+  const onRegister = (0, import_utils.useEventCallback)((data) => {
+    if (data.value !== void 0 && data.value !== null) {
+      setRegisteredTabValues((prev) => {
+        if (prev.includes(data.value))
+          return prev;
+        const newValues = [...prev, data.value];
+        return newValues;
+      });
+      setRegistrationVersion((v) => v + 1);
+    }
+  });
+  const onUnregister = (0, import_utils.useEventCallback)((data) => {
+    setRegisteredTabValues((prev) => {
+      const newValues = prev.filter((v) => v !== data.value);
+      return newValues;
+    });
+    setRegistrationVersion((v) => v + 1);
+  });
+  const handleClick = (0, import_utils.useEventCallback)(
+    (e, item) => {
+      const { index, disabled = false } = item;
+      if (disabled || [void 0, null].includes(index))
+        return;
+      if (index !== currentValue) {
+        triggerValueChange(e, index);
+      }
+    }
+  );
+  const handleScroll = (0, import_utils.useEventCallback)(
+    (e) => {
+      const { scrollLeft: newScrollLeft, scrollWidth: newScrollWidth } = e.detail;
+      lastScrollLeftRef.current = newScrollLeft;
+      if (newScrollWidth && newScrollWidth !== scrollWidth) {
+        setScrollWidth(newScrollWidth);
+      }
+    }
+  );
+  import_react.default.useEffect(() => {
+    if (!scrollViewId || registeredTabValues.length === 0)
+      return;
+    import_taro.default.nextTick(() => __async(void 0, null, function* () {
+      const { rect, fields } = yield (0, import_queryBatch.batchQueryContainerSize)(scrollViewId);
+      if (rect) {
+        setContainerWidth(rect.width);
+      }
+      if (fields) {
+        setScrollWidth(fields.scrollWidth || 0);
+      }
+    }));
+  }, [scrollViewId, registrationVersion, registeredTabValues.length]);
+  const centerActiveTab = (0, import_utils.useEventCallback)(() => __async(void 0, null, function* () {
+    if (!currentValue || registeredTabValues.length === 0) {
+      return;
+    }
+    const { scrollView, scrollFields, wrapper, currentTab } = yield (0, import_queryBatch.batchQueryForScroll)({
+      scrollViewId,
+      wrapperId,
+      currentTabValue: currentValue
+    });
+    if (!scrollView || !scrollFields || !wrapper || !currentTab || currentTab.width === 0) {
+      return;
+    }
+    const tabLeftRelativeToWrapper = currentTab.left - wrapper.left;
+    const tabWidth = currentTab.width;
+    const containerViewWidth = scrollView.width;
+    const currentScrollWidth = scrollFields.scrollWidth || scrollView.width;
+    const targetScrollLeft = tabLeftRelativeToWrapper - (containerViewWidth - tabWidth) / 2;
+    const maxScrollDistance = currentScrollWidth - containerViewWidth;
+    const finalScrollLeft = Math.max(
+      0,
+      Math.min(targetScrollLeft, maxScrollDistance)
+    );
+    setScrollLeft(finalScrollLeft);
+    lastScrollLeftRef.current = finalScrollLeft;
+    if (isFirstScroll.current) {
+      import_taro.default.nextTick(() => {
+        setScrollWithAnimation(true);
+      });
+      isFirstScroll.current = false;
+    }
+  }));
+  import_react.default.useEffect(() => {
+    if (!currentValue || registeredTabValues.length === 0) {
+      return;
+    }
+    import_taro.default.nextTick(() => {
+      centerActiveTab();
+    });
+  }, [currentValue, centerActiveTab]);
+  import_react.default.useEffect(() => {
+    if (!currentValue || registeredTabValues.length === 0) {
+      return;
+    }
+    import_taro.default.nextTick(() => {
+      centerActiveTab();
+    });
+  }, [registrationVersion, centerActiveTab]);
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      value: currentValue,
+      triggerChange: handleClick,
+      onRegister,
+      onUnregister,
+      tabsContainerId: wrapperId
+    }),
+    [currentValue, handleClick, onRegister, onUnregister, wrapperId]
+  );
+  const renderedTabs = (0, import_react.useMemo)(() => {
+    if (tabs.length > 0) {
+      return tabs.map((item) => /* @__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 }, item.title));
+    }
+    return children;
+  }, [tabs, children]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(import_classes.tabsRootClass, className), style, ref }, isScrollable && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_TabMask.default, { position: "left" }), /* @__PURE__ */ import_react.default.createElement(import_TabMask.default, { position: "right" })), /* @__PURE__ */ import_react.default.createElement(
+    import_components.ScrollView,
+    {
+      id: scrollViewId,
+      className: import_classes.tabsScrollClass,
+      scrollX: true,
+      scrollWithAnimation,
+      scrollLeft,
+      onScroll: handleScroll,
+      enhanced: true,
+      showScrollbar: false,
+      enablePassive: true,
+      enableFlex: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { id: wrapperId, className: import_classes.tabsScrollWrapperClass }, /* @__PURE__ */ import_react.default.createElement(
+      import_TabIndicator.default,
+      {
+        currentValue,
+        registeredTabValues,
+        wrapperId,
+        scrollViewId,
+        registrationVersion
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_TabsContext.TabsContextProvider, { value: contextValue }, renderedTabs))
+  ));
+});
+Tabs.displayName = "BuiTabs";
+var Tabs_default = Tabs;

package/dist/Tabs/miniapp/TabsContext.d.ts

@@ -0,0 +1,17 @@
+import { TabChangeEvent } from '../Tabs.types';
+export interface TabRegisterData {
+    value: string;
+}
+export interface TabsContextValueType {
+    value?: string;
+    triggerChange?: TabChangeEvent;
+    onRegister?: (data: TabRegisterData) => void;
+    onUnregister?: (data: {
+        value: string;
+    }) => void;
+    /** 容器的唯一ID，用于生成子元素ID */
+    tabsContainerId?: string;
+}
+declare const TabsContext: import("@bifrostui/utils").Context<TabsContextValueType>;
+export declare const TabsContextProvider: import("react").Provider<TabsContextValueType> & import("react").FC<import("react").ProviderProps<TabsContextValueType>>;
+export default TabsContext;

package/dist/Tabs/miniapp/TabsContext.js

@@ -0,0 +1,39 @@
+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 TabsContext_exports = {};
+__export(TabsContext_exports, {
+  TabsContextProvider: () => TabsContextProvider,
+  default: () => TabsContext_default
+});
+module.exports = __toCommonJS(TabsContext_exports);
+var import_utils = require("@bifrostui/utils");
+const TabsContext = (0, import_utils.createContext)({
+  triggerChange: void 0,
+  onRegister: void 0,
+  onUnregister: void 0,
+  tabsContainerId: void 0
+});
+if (process.env.NODE_ENV !== "production") {
+  TabsContext.displayName = "BuiTabsContext";
+}
+const TabsContextProvider = TabsContext.Provider;
+var TabsContext_default = TabsContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabsContextProvider
+});

package/dist/Tabs/miniapp/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tab } from './Tab';
+export { default, default as Tabs } from './Tabs';

package/dist/Tabs/miniapp/index.js

@@ -0,0 +1,41 @@
+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 miniapp_exports = {};
+__export(miniapp_exports, {
+  Tab: () => import_Tab.default,
+  Tabs: () => import_Tabs.default,
+  default: () => import_Tabs.default
+});
+module.exports = __toCommonJS(miniapp_exports);
+var import_Tab = __toESM(require("./Tab"));
+var import_Tabs = __toESM(require("./Tabs"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tab,
+  Tabs
+});

package/dist/Tabs/miniapp/scroll.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 小程序版scroll-view滚动到指定位置
+ * 使用scroll-left属性和scroll-with-animation实现平滑滚动
+ */
+interface ScrollToOptions {
+    scrollViewId: string;
+    scrollLeft: number;
+    duration?: number;
+}
+declare const scrollLeftTo: ({ scrollViewId, scrollLeft, duration, }: ScrollToOptions) => Promise<void>;
+/**
+ * 计算将目标元素滚动到视图中心所需的 scrollLeft 值
+ */
+interface CalcCenterScrollOptions {
+    containerWidth: number;
+    targetLeft: number;
+    targetWidth: number;
+    currentScrollLeft?: number;
+}
+export declare const calcCenterScroll: ({ containerWidth, targetLeft, targetWidth, currentScrollLeft, }: CalcCenterScrollOptions) => number;
+export default scrollLeftTo;

package/dist/Tabs/miniapp/scroll.js

@@ -0,0 +1,52 @@
+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, {
+  calcCenterScroll: () => calcCenterScroll,
+  default: () => scroll_default
+});
+module.exports = __toCommonJS(scroll_exports);
+const scrollLeftTo = ({
+  scrollViewId,
+  scrollLeft,
+  duration = 300
+}) => {
+  return new Promise((resolve) => {
+    if (duration > 0) {
+      setTimeout(resolve, duration);
+    } else {
+      resolve();
+    }
+  });
+};
+const calcCenterScroll = ({
+  containerWidth,
+  targetLeft,
+  targetWidth,
+  currentScrollLeft = 0
+}) => {
+  const targetCenter = targetLeft + targetWidth / 2;
+  const containerCenter = containerWidth / 2;
+  const scrollLeft = targetCenter - containerCenter;
+  return Math.max(0, scrollLeft);
+};
+var scroll_default = scrollLeftTo;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calcCenterScroll
+});

package/dist/Tabs/miniapp/utils/queryBatch.d.ts

@@ -0,0 +1,68 @@
+import Taro from '@tarojs/taro';
+/**
+ * Fields查询结果（包含scrollWidth）
+ */
+export interface ScrollFieldsResult {
+    scrollWidth?: number;
+    scrollHeight?: number;
+    scrollLeft?: number;
+    scrollTop?: number;
+    [key: string]: any;
+}
+/**
+ * 批量查询结果接口
+ */
+export interface BatchQueryResult {
+    scrollView: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    scrollInfo: Taro.NodesRef.ScrollOffsetCallbackResult | null;
+    scrollFields: ScrollFieldsResult | null;
+    wrapper: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    indicator: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    tabs: (Taro.NodesRef.BoundingClientRectCallbackResult | null)[];
+}
+/**
+ * 批量查询Tab相关元素
+ * 优化：一次性查询所有需要的DOM信息，减少查询次数
+ *
+ * @param scrollViewId - ScrollView的ID
+ * @param wrapperId - Wrapper容器的ID
+ * @param tabValues - 需要查询的Tab值数组
+ * @returns Promise<BatchQueryResult>
+ */
+export declare const batchQueryTabs: (params: {
+    scrollViewId: string;
+    wrapperId: string;
+    tabValues: string[];
+}) => Promise<BatchQueryResult>;
+/**
+ * 简化版批量查询（用于Tabs组件的居中滚动）
+ * 只查询必要的元素：ScrollView、Wrapper、当前Tab
+ *
+ * @param scrollViewId - ScrollView的ID
+ * @param wrapperId - Wrapper容器的ID
+ * @param currentTabValue - 当前Tab的值
+ * @returns Promise
+ */
+export declare const batchQueryForScroll: (params: {
+    scrollViewId: string;
+    wrapperId: string;
+    currentTabValue: string;
+}) => Promise<{
+    scrollView: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    scrollInfo: Taro.NodesRef.ScrollOffsetCallbackResult | null;
+    scrollFields: ScrollFieldsResult | null;
+    wrapper: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    currentTab: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+}>;
+/**
+ * 简化版批量查询（用于初始化容器尺寸）
+ * 只查询ScrollView的尺寸和滚动信息
+ *
+ * @param scrollViewId - ScrollView的ID
+ * @returns Promise
+ */
+export declare const batchQueryContainerSize: (scrollViewId: string) => Promise<{
+    rect: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    scroll: Taro.NodesRef.ScrollOffsetCallbackResult | null;
+    fields: ScrollFieldsResult | null;
+}>;

package/dist/Tabs/miniapp/utils/queryBatch.js

@@ -0,0 +1,100 @@
+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 queryBatch_exports = {};
+__export(queryBatch_exports, {
+  batchQueryContainerSize: () => batchQueryContainerSize,
+  batchQueryForScroll: () => batchQueryForScroll,
+  batchQueryTabs: () => batchQueryTabs
+});
+module.exports = __toCommonJS(queryBatch_exports);
+var import_taro = __toESM(require("@tarojs/taro"));
+const batchQueryTabs = (params) => {
+  const { scrollViewId, wrapperId, tabValues } = params;
+  return new Promise((resolve) => {
+    const query = import_taro.default.createSelectorQuery();
+    query.select(`#${scrollViewId}`).boundingClientRect();
+    query.select(`#${scrollViewId}`).scrollOffset();
+    query.select(`#${scrollViewId}`).fields({ scrollOffset: true, size: true }, null);
+    query.select(`#${wrapperId}`).boundingClientRect();
+    query.select(`#${wrapperId}-indicator`).boundingClientRect();
+    tabValues.forEach((value) => {
+      query.select(`#${wrapperId}-tab-${value}`).boundingClientRect();
+    });
+    query.exec((res) => {
+      resolve({
+        scrollView: res[0] || null,
+        scrollInfo: res[1] || null,
+        scrollFields: res[2] || null,
+        wrapper: res[3] || null,
+        indicator: res[4] || null,
+        tabs: res.slice(5)
+      });
+    });
+  });
+};
+const batchQueryForScroll = (params) => {
+  const { scrollViewId, wrapperId, currentTabValue } = params;
+  return new Promise((resolve) => {
+    const query = import_taro.default.createSelectorQuery();
+    query.select(`#${scrollViewId}`).boundingClientRect();
+    query.select(`#${scrollViewId}`).scrollOffset();
+    query.select(`#${scrollViewId}`).fields({ scrollOffset: true, size: true }, null);
+    query.select(`#${wrapperId}`).boundingClientRect();
+    query.select(`#${wrapperId}-tab-${currentTabValue}`).boundingClientRect();
+    query.exec((res) => {
+      resolve({
+        scrollView: res[0] || null,
+        scrollInfo: res[1] || null,
+        scrollFields: res[2] || null,
+        wrapper: res[3] || null,
+        currentTab: res[4] || null
+      });
+    });
+  });
+};
+const batchQueryContainerSize = (scrollViewId) => {
+  return new Promise((resolve) => {
+    const query = import_taro.default.createSelectorQuery();
+    query.select(`#${scrollViewId}`).boundingClientRect();
+    query.select(`#${scrollViewId}`).scrollOffset();
+    query.select(`#${scrollViewId}`).fields({ scrollOffset: true, size: true }, null);
+    query.exec((res) => {
+      resolve({
+        rect: res[0] || null,
+        scroll: res[1] || null,
+        fields: res[2] || null
+      });
+    });
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  batchQueryContainerSize,
+  batchQueryForScroll,
+  batchQueryTabs
+});

package/dist/Tabs/utils/scroll.js

@@ -20,9 +20,9 @@ __export(scroll_exports, {
   default: () => scroll_default
 });
 module.exports = __toCommonJS(scroll_exports);
-const root = window || global;
-let rafId;
+const root = typeof window !== "undefined" ? window : global;
 let prev = Date.now();
+const rafIdMap = /* @__PURE__ */ new WeakMap();
 const rafPolyfill = (fn) => {
   const curr = Date.now();
   const ms = Math.max(0, 16 - (curr - prev));
@@ -39,7 +39,10 @@ const raf = (fn) => {
   return requestAnimationFrame.call(root, fn);
 };
 const scrollLeftTo = (scroller, to, duration) => {
-  cancelRaf(rafId);
+  const existingRafId = rafIdMap.get(scroller);
+  if (existingRafId !== void 0) {
+    cancelRaf(existingRafId);
+  }
   let count = 0;
   const from = scroller.scrollLeft;
   const frames = duration === 0 ? 1 : Math.round(duration / 16);
@@ -47,7 +50,10 @@ const scrollLeftTo = (scroller, to, duration) => {
     scroller.scrollLeft += (to - from) / frames;
     count += 1;
     if (count < frames) {
-      rafId = raf(animate);
+      const newRafId = raf(animate);
+      rafIdMap.set(scroller, newRafId);
+    } else {
+      rafIdMap.delete(scroller);
     }
   }
   animate();

package/dist/Tag/Tag.css

@@ -13,7 +13,6 @@ xhs-page {
   position: relative;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
   white-space: nowrap;
   height: var(--bui-tag-height);
   line-height: var(--bui-tag-line-height);

package/dist/Tag/Tag.d.ts

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