@bifrostui/react 2.0.0-alpha.14 → 2.0.0-alpha.15

package/dist/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DatePickerProps } from './DatePicker.types';
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "defaultValue" | "onChange" | "value" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/dist/Modal/Modal.miniapp.d.ts

@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "onClose" | "hideBackdrop" | "BackdropProps" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Tabs/miniapp/Tabs.js

@@ -126,8 +126,8 @@ const Tabs = (props) => {
   });
   const handleClick = (0, import_utils.useEventCallback)(
     (e, item) => {
-      const { index, disabled: isDisabled = false } = item;
-      if (isDisabled || [void 0, null].includes(index))
+      const { index, disabled = false } = item;
+      if (disabled || [void 0, null].includes(index))
         return;
       if (index !== currentValue) {
         triggerValueChange(e, index);
@@ -164,33 +164,47 @@ const Tabs = (props) => {
       }
     }));
   }, [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;
+  }));
   import_react.default.useEffect(() => {
     if (!currentValue || registeredTabValues.length === 0) {
       return;
     }
-    import_taro.default.nextTick(() => __async(void 0, null, function* () {
-      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;
-    }));
-  }, [currentValue, scrollViewId, wrapperId]);
+    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,

package/es/Modal/Modal.miniapp.d.ts

@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/es/Tabs/miniapp/Tabs.js

@@ -101,8 +101,8 @@ const Tabs = (props) => {
   });
   const handleClick = useEventCallback(
     (e, item) => {
-      const { index, disabled: isDisabled = false } = item;
-      if (isDisabled || [void 0, null].includes(index))
+      const { index, disabled = false } = item;
+      if (disabled || [void 0, null].includes(index))
         return;
       if (index !== currentValue) {
         triggerValueChange(e, index);
@@ -139,33 +139,47 @@ const Tabs = (props) => {
       }
     }));
   }, [scrollViewId, registrationVersion, registeredTabValues.length]);
+  const centerActiveTab = useEventCallback(() => __async(void 0, null, function* () {
+    if (!currentValue || registeredTabValues.length === 0) {
+      return;
+    }
+    const { scrollView, scrollFields, wrapper, currentTab } = yield 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;
+  }));
   React.useEffect(() => {
     if (!currentValue || registeredTabValues.length === 0) {
       return;
     }
-    Taro.nextTick(() => __async(void 0, null, function* () {
-      const { scrollView, scrollFields, wrapper, currentTab } = yield 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;
-    }));
-  }, [currentValue, scrollViewId, wrapperId]);
+    Taro.nextTick(() => {
+      centerActiveTab();
+    });
+  }, [currentValue, centerActiveTab]);
+  React.useEffect(() => {
+    if (!currentValue || registeredTabValues.length === 0) {
+      return;
+    }
+    Taro.nextTick(() => {
+      centerActiveTab();
+    });
+  }, [registrationVersion, centerActiveTab]);
   const contextValue = useMemo(
     () => ({
       value: currentValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/react",
-  "version": "2.0.0-alpha.14",
+  "version": "2.0.0-alpha.15",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -43,10 +43,10 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.7",
     "swiper": "^8.1.5",
-    "@bifrostui/icons": "2.0.0-alpha.14",
-    "@bifrostui/types": "2.0.0-alpha.14",
-    "@bifrostui/styles": "2.0.0-alpha.14",
-    "@bifrostui/utils": "2.0.0-alpha.14"
+    "@bifrostui/icons": "2.0.0-alpha.15",
+    "@bifrostui/styles": "2.0.0-alpha.15",
+    "@bifrostui/types": "2.0.0-alpha.15",
+    "@bifrostui/utils": "2.0.0-alpha.15"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",